.portfolio-main{background:var(--paper);color:var(--ink);font-family:var(--font-matahari),Arial,sans-serif;padding-top:82px;overflow:clip}@media (max-width:700px){.portfolio-main{padding-top:74px}}.portfolio-main h1,.portfolio-main h2,.portfolio-main h3{font-family:var(--display);letter-spacing:-.045em;margin:0;font-weight:700;line-height:1.02}.pf-label{letter-spacing:.02em;font-size:12px;display:block}.pf-btn{background:var(--ink);min-height:54px;font-family:var(--display);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:12px;padding:0 26px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--paper)!important}.pf-btn .wild-icon{width:20px;height:20px;transition:translate .5s cubic-bezier(.22,1,.36,1)}.pf-btn:hover .wild-icon{translate:5px}.wild-icon.is-back{rotate:180deg}.pf-ph{box-sizing:border-box;text-align:left;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8%;display:flex;position:relative;overflow:hidden}.pf-ph.tone-ink{background:var(--ink);color:var(--paper)}.pf-ph.tone-sand{background:var(--sand);color:var(--ink)}.pf-ph.tone-beige{background:var(--beige,#f1e8dd);color:var(--ink)}.pf-ph.tone-paper{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px #ccb8a5}.pf-ph-top,.pf-ph-note{z-index:1;letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:10px;position:relative}.pf-ph-name{z-index:1;font-family:var(--display);letter-spacing:-.04em;margin-top:auto;margin-bottom:10px;font-size:clamp(22px,2.2vw,40px);font-weight:700;line-height:1;position:relative}.pf-ph-symbol{aspect-ratio:1;opacity:.9;width:70%;height:auto;position:absolute;top:8%;right:-12%}.tone-ink .pf-ph-symbol{color:var(--sand)}.pf-visual-img{width:100%;height:auto;display:block}.pf-hero{min-height:calc(100svh - 82px);padding:30px var(--gutter) 44px;background:var(--sand);box-sizing:border-box;flex-direction:column;display:flex;position:relative}.pf-kicker{justify-content:space-between;font-size:12px;display:flex}.pf-title{margin:6vh 0 0!important;font-size:clamp(60px,9.4vw,170px)!important}.pf-title .svc-typed-line.is-outline{-webkit-text-stroke:1.5px var(--ink);padding-left:.5em}.pf-hero-foot{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:50px;margin-top:auto;padding-top:50px;display:grid}.pf-hero-foot p{max-width:460px;margin:0;font-size:15px;line-height:1.85}.pf-hero-counts{grid-template-columns:repeat(5,auto);gap:22px;margin:0;padding:0;list-style:none;display:grid}.pf-hero-counts li{justify-items:start;gap:6px;display:grid}.pf-hero-counts .ds-symbol{width:30px;height:30px}.pf-hero-counts b{font-family:var(--display);letter-spacing:-.04em;font-size:38px;line-height:1}.pf-hero-counts span{font-size:11px}.pf-hero-nav{gap:6px;display:grid}.pf-hero-nav a{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:22px;font-weight:700;text-decoration:none;transition:translate .4s}.pf-hero-nav a:hover{translate:8px}.pf-ring-section{height:calc(var(--n) * 55vh + 100vh);background:var(--paper);position:relative}.pf-ring-sticky{height:calc(100svh - 82px);padding:0 var(--gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3vw;display:grid;position:sticky;top:82px;overflow:hidden}.pf-ring-copy h2{margin:18px 0 30px;font-size:clamp(44px,4.4vw,78px)}.pf-ring-copy .is-outline{-webkit-text-stroke:1.3px var(--ink)}.pf-ring-now{min-height:210px}.pf-ring-now h3{margin-bottom:14px;font-size:clamp(34px,3.2vw,52px)}.pf-ring-now ul{flex-wrap:wrap;gap:6px;margin:0 0 26px;padding:0;list-style:none;display:flex}.pf-ring-now li{background:var(--beige,#f1e8dd);border-radius:999px;padding:6px 12px;font-size:12px}.pf-ring-arrows{gap:10px;margin-top:22px;display:flex}.pf-ring-arrows button{width:52px;height:52px;color:var(--ink);background:0 0;border:1px solid #1e1e1e40;border-radius:50%;place-items:center;transition:background .3s,color .3s;display:grid}.pf-ring-arrows button:hover{background:var(--ink);color:var(--paper)}.pf-ring-arrows .wild-icon{width:20px;height:20px}.pf-ring-stage{perspective:2000px;perspective-origin:50% 40%;place-items:center;height:100%;display:grid;position:relative}.pf-ring{--turn:0deg;--w:clamp(200px,17vw,300px);width:var(--w);height:calc(var(--w) * 1.27);transform-style:preserve-3d;transform:translateZ(calc(var(--w) * -1.6)) rotateX(-6deg) rotateY(var(--turn));transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative}.pf-ring-card{transform:rotateY(var(--a)) translateZ(calc(var(--w) * 1.6));filter:brightness(.8)saturate(.8);backface-visibility:hidden;text-decoration:none;transition:filter .5s,scale .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;box-shadow:16px 30px 50px #1e1e1e30}.pf-ring-card[data-front]{filter:none}.pf-ring-card:hover{scale:1.05}.pf-ring-shadow{pointer-events:none;background:radial-gradient(closest-side,#1e1e1e30,#0000);border-radius:50%;width:60%;height:40px;position:absolute;bottom:12%;left:50%;translate:-50%}.pf-table-section{background:var(--beige,#f1e8dd);padding:110px 0 0}.pf-table-head{padding:0 var(--gutter) 34px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.pf-table-head h2,.pf-index-head h2{margin-top:16px;font-size:clamp(48px,5.4vw,92px)}.pf-filters{flex-wrap:wrap;gap:8px;display:flex}.pf-filters button{min-height:44px;color:var(--ink);background:0 0;border:1px solid #1e1e1e30;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:13px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.pf-filters .ds-symbol{width:24px;height:24px}.pf-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pf-table-view{background:var(--sand);height:min(84svh,820px);position:relative;overflow:hidden;box-shadow:inset 0 30px 60px -40px #1e1e1e50}.pf-table-view:not([data-drag]){-webkit-overflow-scrolling:touch;overflow:auto}.pf-table-view[data-drag] .pf-table{cursor:grab}.pf-table-view[data-drag] .pf-table:active{cursor:grabbing}.pf-table{background-image:radial-gradient(#1e1e1e1a 1px,#0000 1px);background-size:28px 28px;position:relative}.pf-print{background:var(--paper);width:190px;rotate:var(--r);transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1),scale .5s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s,box-shadow .5s;transition-delay:var(--d);text-align:left;color:var(--ink);border:0;padding:10px 10px 0;position:absolute;box-shadow:8px 14px 26px #1e1e1e26}.pf-print.is-featured{width:240px}.pf-print>.pf-ph{aspect-ratio:4/5;height:auto}.pf-print>.pf-visual-img{aspect-ratio:auto}.pf-print-caption{padding:10px 2px 12px;font-size:11px;display:block}.pf-print:hover,.pf-print:focus-visible{z-index:5;transition-delay:0s;translate:0 -10px;rotate:0deg;scale:1.08;box-shadow:16px 30px 50px #1e1e1e38}.pf-print[data-match=false]{opacity:.18;filter:grayscale()blur(1px);pointer-events:none;scale:.86}.pf-print[data-match=true]{opacity:1}.pf-table-note{width:360px;font-family:var(--display);letter-spacing:-.02em;color:#1e1e1e99;font-size:22px;line-height:1.2;position:absolute;rotate:-3deg}.pf-table-count{background:var(--ink);color:var(--paper);pointer-events:none;border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;bottom:18px;right:20px}.pf-index{padding:120px var(--gutter) 130px;position:relative}.pf-index-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;display:flex}.pf-index-head .is-outline{-webkit-text-stroke:1.3px var(--ink)}.pf-index-list{border-top:1px solid #1e1e1e26;margin:0;padding:0;list-style:none}.pf-index-row{border-bottom:1px solid #1e1e1e26}.pf-index-row>a,.pf-index-row>button{width:100%;color:var(--ink);text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:56px minmax(0,1fr) auto 70px;align-items:center;gap:24px;padding:16px 6px;text-decoration:none;transition:background .35s,padding .45s cubic-bezier(.22,1,.36,1);display:grid}.pf-index-row>:hover{background:var(--beige,#f1e8dd);padding-left:22px}.pf-index-no{color:#1e1e1e99;font-variant-numeric:tabular-nums;font-size:12px}.pf-index-name{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(30px,3.6vw,58px);font-weight:700;line-height:1.05;transition:color .35s}.pf-index-row>:hover .pf-index-name{color:#0000;-webkit-text-stroke:1.2px var(--ink)}.pf-index-services{align-items:center;gap:8px;max-width:360px;display:flex}.pf-index-services .ds-symbol{flex-shrink:0;width:24px;height:24px}.pf-index-services em{color:#1e1e1eb3;margin-left:6px;font-size:12px;font-style:normal}.pf-index-go{letter-spacing:.06em;text-transform:uppercase;justify-self:end;font-size:11px}.pf-index-preview{z-index:60;pointer-events:none;opacity:0;border:10px solid var(--paper);background:var(--paper);width:250px;transition:opacity .3s,scale .45s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;scale:.8;box-shadow:16px 26px 50px #1e1e1e30}.pf-index-preview .pf-ph{aspect-ratio:4/5;height:auto}.pf-index-preview[data-visible=true]{opacity:1;scale:1}.pf-lightbox{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1e1ecc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pf-lightbox-card{background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;width:min(980px,100%);padding:28px;display:grid;position:relative;box-shadow:0 40px 90px #0006}.pf-lightbox-visual .pf-ph{aspect-ratio:4/5;height:auto}.pf-lightbox-copy h3{margin:14px 0 18px;font-size:clamp(38px,4vw,64px)}.pf-lightbox-copy ul{flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pf-lightbox-copy li{background:var(--beige,#f1e8dd);border-radius:999px;padding:6px 12px;font-size:12px}.pf-lightbox-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;font-size:30px;position:absolute;top:10px;right:14px}.pf-outro{text-align:center;background:var(--sand);padding:clamp(150px,20vh,230px) var(--gutter);position:relative;overflow:hidden}.pf-outro h2{font-size:clamp(56px,7.4vw,124px);margin:36px 0 64px!important;line-height:1.14!important}.pf-outro .is-outline{-webkit-text-stroke:1.3px var(--ink)}.pf-outro-number{font-family:var(--display);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px #1e1e1e1f;pointer-events:none;font-size:min(62vw,820px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.pf-outro>:not(.pf-outro-number){position:relative}.case-main{padding-top:0}.mag-bar{padding:24px var(--gutter);background:var(--beige,#f1e8dd);justify-content:space-between;align-items:center;font-size:12px;display:flex}.mag-back{color:var(--ink);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.mag-back .wild-icon{width:18px;height:18px}.mag{height:calc((var(--leaves) + 1) * 100vh);background:var(--beige,#f1e8dd);position:relative}.mag-sticky{perspective:2600px;place-items:center;height:calc(100svh - 82px);display:grid;position:sticky;top:82px;overflow:hidden}.mag-book{--pw:min(40vw,calc((100svh - 160px) * .74));width:calc(var(--pw) * 2);height:calc(var(--pw) / .74);transform-style:preserve-3d;position:relative;rotate:x 8deg}.mag-page{box-sizing:border-box;background:var(--paper);flex-direction:column;padding:8%;display:flex;position:absolute;inset:0;overflow:hidden}.mag-inside{left:0;right:50%;box-shadow:inset -30px 0 40px -30px #1e1e1e30,-14px 24px 50px #1e1e1e25}.mag-end{left:50%;right:0;box-shadow:inset 30px 0 40px -30px #1e1e1e30,14px 24px 50px #1e1e1e25}.mag-leaf{--flip:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:0;transform:rotateY(calc(var(--flip) * -180deg));position:absolute;top:0;left:50%}.mag-face{backface-visibility:hidden;position:absolute;inset:0}.mag-face>.mag-page{position:absolute;inset:0}.mag-front>.mag-page{box-shadow:inset 30px 0 40px -30px #1e1e1e30}.mag-back-face{transform:rotateY(180deg)}.mag-back-face>.mag-page{box-shadow:inset -30px 0 40px -30px #1e1e1e30}.mag-spine{background:#1e1e1e1a;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translateZ(1px)}.mag-folio{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:10px}.mag-inside p{font-family:var(--display);letter-spacing:-.045em;margin:auto 0;font-size:clamp(34px,3.4vw,58px);font-weight:700;line-height:1.02}.mag-inside p span{color:#0000;-webkit-text-stroke:1px var(--ink)}.mag-inside-hint{color:#1e1e1e99;font-size:11px}.mag-cover.tone-ink{background:var(--ink);color:var(--paper)}.mag-cover.tone-sand{background:var(--sand)}.mag-cover.tone-beige{background:var(--beige,#f1e8dd)}.mag-cover-symbol{aspect-ratio:1;opacity:.9;width:76%;height:auto;position:absolute;top:12%;right:-10%}.mag-cover.tone-ink .mag-cover-symbol{color:var(--sand)}.mag-cover-name{position:relative;margin-top:auto!important;font-size:clamp(44px,4.8vw,86px)!important;line-height:.98!important}.mag-cover-foot{letter-spacing:.04em;margin-top:18px;font-size:11px;position:relative}.mag-made ol{gap:4px;margin:auto 0 0;padding:0;list-style:none;display:grid}.mag-made li{font-family:var(--display);letter-spacing:-.035em;align-items:baseline;gap:14px;font-size:clamp(22px,2.1vw,36px);font-weight:700;line-height:1.15;display:flex}.mag-made li span{font-family:var(--font-matahari),sans-serif;letter-spacing:.04em;color:#1e1e1e99;font-size:11px;font-weight:400}.mag-made-symbols{gap:16px;margin-top:30px;display:flex}.mag-made-symbols .ds-symbol{width:44px;height:44px}.mag-visual{background:var(--sand);padding:0}.mag-visual>.pf-ph{height:100%}.mag-visual>.pf-visual-img{object-fit:contain;background:var(--paper);width:100%;height:100%}.mag-story p{max-width:30ch;margin:auto 0;font-size:clamp(17px,1.4vw,22px);line-height:1.6}.mag-story-soon{font-family:var(--display);letter-spacing:-.04em;font-weight:700;font-size:clamp(28px,2.6vw,44px)!important;line-height:1.08!important}.mag-story-soon span{font-family:var(--font-matahari),sans-serif;letter-spacing:0;color:#1e1e1ea6;margin-top:18px;font-size:14px;font-weight:400;display:block}.mag-swatches{flex:1;grid-template-rows:repeat(4,1fr);margin:24px 0 14px;display:grid}.mag-swatches i.tone-ink{background:var(--ink)}.mag-swatches i.tone-sand{background:var(--sand)}.mag-swatches i.tone-beige{background:var(--beige,#f1e8dd)}.mag-swatches i.tone-paper{background:var(--paper);box-shadow:inset 0 0 0 1px #ccb8a5}.mag-palette-note{color:#1e1e1e99;font-size:11px}.mag-gallery{grid-template-columns:1fr 1fr;gap:12px;padding:7%;display:grid}.mag-slot{background:var(--beige,#f1e8dd);place-items:center;display:grid;overflow:hidden}.mag-slot .ds-symbol{opacity:.5;width:40%;height:40%}.mag-end{justify-content:space-between}.mag-next{color:var(--ink);flex-direction:column;flex:1;justify-content:flex-end;gap:16px;text-decoration:none;display:flex}.mag-next .ds-symbol{aspect-ratio:1;width:42%;height:auto;transition:rotate 1.2s cubic-bezier(.22,1,.36,1)}.mag-next:hover .ds-symbol{rotate:45deg}.mag-next b{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(36px,3.6vw,64px);line-height:1}.mag-next span{align-items:center;gap:10px;font-size:13px;display:inline-flex}.mag-next .wild-icon{width:18px;height:18px}.mag-more{padding:110px var(--gutter) 130px}.mag-more h2{margin:16px 0 44px;font-size:clamp(48px,5vw,84px)}.mag-more-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.mag-more-card{color:var(--ink);gap:8px;text-decoration:none;display:grid}.mag-more-card>.pf-ph{aspect-ratio:4/5;height:auto;transition:scale .8s cubic-bezier(.22,1,.36,1)}.mag-more-card:hover>.pf-ph{scale:1.03}.mag-more-card b{font-family:var(--display);letter-spacing:-.035em;margin-top:8px;font-size:28px}.mag-more-card span{color:#1e1e1ea6;font-size:12px}[data-motion=paused] .pf-ring{transition:none}@media (max-width:899px){.pf-hero-foot{grid-template-columns:1fr;gap:30px}.pf-hero-counts{grid-template-columns:repeat(3,auto)}.pf-ring-section{height:auto}.pf-ring-sticky{grid-template-columns:1fr;height:auto;padding:90px 24px 70px;position:relative;top:0}.pf-ring-stage{perspective:none;scroll-snap-type:x mandatory;height:auto;margin:0 -24px;padding:0 24px;display:block;overflow-x:auto}.pf-ring{--w:62vw;gap:16px;width:max-content;height:auto;display:flex;transform:none}.pf-ring-card{width:var(--w);filter:none;scroll-snap-align:start;flex-shrink:0;position:relative;inset:auto;transform:none}.pf-ring-card>.pf-ph{aspect-ratio:4/5;height:auto}.pf-ring-shadow{display:none}.pf-table-view{height:72svh}.pf-index-row>a,.pf-index-row>button{grid-template-columns:40px minmax(0,1fr) auto;gap:14px}.pf-index-services em,.pf-index-preview{display:none}.pf-lightbox-card{grid-template-columns:1fr;gap:20px;max-height:92svh;overflow:auto}.mag{height:auto}.mag-sticky{perspective:none;height:auto;padding:20px 24px 60px;display:block;position:relative;top:0}.mag-book{--pw:auto;gap:16px;width:auto;height:auto;display:grid;rotate:none}.mag-book>.mag-page,.mag-leaf,.mag-face,.mag-face>.mag-page{backface-visibility:visible;width:auto;height:auto;position:relative;inset:auto;transform:none}.mag-leaf{gap:16px;display:grid}.mag-book .mag-page{aspect-ratio:3/4}.mag-book>.mag-end{order:9}.mag-spine{display:none}.mag-more-row{grid-template-columns:1fr}}@media (max-width:700px){.pf-hero{min-height:0;padding:22px 24px 40px}.pf-title{font-size:12.4vw!important}.pf-title .svc-typed-line.is-outline{padding-left:.12em}}.mag[data-static]{height:auto}.mag[data-static] .mag-sticky{perspective:none;height:auto;padding:20px var(--gutter) 60px;display:block;position:relative;top:0}.mag[data-static] .mag-book{--pw:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:auto;height:auto;display:grid;rotate:none}.mag[data-static] .mag-book>.mag-page,.mag[data-static] .mag-leaf,.mag[data-static] .mag-face,.mag[data-static] .mag-face>.mag-page{backface-visibility:visible;width:auto;height:auto;position:relative;inset:auto;transform:none}.mag[data-static] .mag-leaf{display:contents}.mag[data-static] .mag-page{aspect-ratio:3/4}.mag[data-static] .mag-book>.mag-end{order:9}.mag[data-static] .mag-spine{display:none}.pf-shot{background:var(--sand);line-height:0;display:block;position:relative;overflow:hidden}.pf-shot img{width:100%;height:auto;display:block}.pf-shot.is-fill{position:absolute;inset:0}.pf-shot.is-fill img{object-fit:cover;width:100%;height:100%}.pf-example{z-index:2;color:var(--paper);letter-spacing:.08em;text-transform:uppercase;background:#1e1e1ebf;border-radius:999px;padding:5px 9px;font-size:9px;line-height:1;position:absolute;bottom:10px;left:10px}.pf-hero{padding-bottom:0;overflow:hidden}.pf-hero-counts{display:none}.pf-title{line-height:1.02;margin:5vh 0 0!important;font-size:clamp(58px,9vw,164px)!important}.pf-title>span{white-space:nowrap;display:block}.pf-tmask{vertical-align:top;margin:-.06em -.02em -.16em;padding:.06em .02em .16em;display:inline-block;overflow:hidden}.pf-ta{display:inline-block}.pf-title-b{margin-top:.04em;padding-left:.45em}.pf-tb{cursor:default;display:inline-block}.pf-tb>span{color:#0000;-webkit-text-stroke:1.6px var(--ink);transform:translateY(var(--y)) rotate(var(--r)) scale(var(--s));transition:rotate .9s cubic-bezier(.22,1,.36,1),color .4s;display:inline-block}.pf-tb:hover>span{color:var(--ink);rotate:360deg}.pf-tspace{width:.28em;display:inline-block}.pf-hero-foot{grid-template-columns:minmax(0,1fr) auto;padding:40px 0 34px}.pf-hero-nav{flex-wrap:wrap;gap:12px;display:flex}.pf-hero-nav a{background:var(--paper);border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:18px;display:inline-flex}.pf-hero-nav a:hover{background:var(--ink);color:var(--paper);translate:0 -4px}.pf-hero-nav .ds-symbol{width:24px;height:24px}.pf-banner{margin:0 calc(var(--gutter) * -1);gap:14px;padding-bottom:28px;display:grid}.pf-banner-row{gap:14px;width:max-content;animation:70s linear infinite pf-marquee;display:flex}.pf-banner-row.is-reverse{animation-duration:85s;animation-direction:reverse}.pf-banner:hover .pf-banner-row{animation-play-state:paused}.pf-banner-item{background:var(--beige,#f1e8dd);flex-shrink:0;height:clamp(120px,14vh,170px);display:block;position:relative;overflow:hidden}.pf-banner-item img{object-fit:cover;transition:scale 1s cubic-bezier(.22,1,.36,1)}.pf-banner-item:hover img{scale:1.08}@keyframes pf-marquee{to{translate:-50%}}[data-motion=paused] .pf-banner-row{animation:none}.pf-ring-card{background:var(--sand);overflow:hidden}.pf-ring-card:after{content:"";border:10px solid var(--paper);pointer-events:none;position:absolute;inset:0}.pf-ring-now h3{font-size:clamp(34px,3.2vw,52px)}.pf-index-thumb{aspect-ratio:4/3;background:var(--sand);width:150px;transition:width .5s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.pf-index-thumb img{transition:scale .9s cubic-bezier(.22,1,.36,1)}.pf-index-row>a:hover .pf-index-thumb img{scale:1.1}.pf-index-preview{border-width:8px;width:300px}.pf-index-row[hidden]{display:none}.pf-gallery{background:var(--ink);color:var(--paper);padding:130px var(--gutter) 90px;position:relative;overflow:hidden}.pf-gallery-head{grid-template-columns:1fr minmax(0,340px);align-items:end;gap:30px;margin-bottom:70px;display:grid}.pf-gallery-head .pf-label{color:var(--sand);grid-column:1/-1}.pf-gallery-head h2{font-size:clamp(50px,6vw,104px)}.pf-gallery-head .is-outline{-webkit-text-stroke:1.3px var(--paper)!important}.pf-gallery .svc-caret:after{background:var(--sand)}.pf-gallery-head p{color:#f5f2edcc;margin:0;font-size:14px;line-height:1.8}.pf-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.pf-gallery-col{gap:22px;display:grid}.pf-gallery-item{background:var(--sand);cursor:zoom-in;border:0;padding:0;line-height:0;display:block;overflow:hidden}.pf-gallery-item img{width:100%;height:auto;transition:scale 1.1s cubic-bezier(.22,1,.36,1),filter .6s;display:block}.pf-gallery-item:hover img{scale:1.06}.pf-gallery-note{color:#f5f2ed99;margin:40px 0 0;font-size:11px}.pf-lightbox{flex-direction:column;gap:18px}.pf-lightbox-photo{border:12px solid var(--paper);max-width:88vw;line-height:0;box-shadow:0 40px 90px #0007}.pf-lightbox-photo img{width:auto;max-width:calc(88vw - 24px);height:auto;max-height:76svh;display:block}.pf-lightbox-nav{color:var(--paper);align-items:center;gap:14px;font-size:12px;display:flex}.pf-lightbox-nav button{width:46px;height:46px;color:var(--paper);background:0 0;border:1px solid #f5f2ed66;border-radius:50%;place-items:center;font-size:24px;display:grid}.pf-lightbox-nav .wild-icon{width:18px;height:18px}.pf-lightbox-x{margin-left:14px}.pf-outro-number{display:none}.pf-outro-star{aspect-ratio:1;width:clamp(90px,11vw,170px);height:auto;color:var(--ink);animation:22s linear infinite svc-spin;position:absolute;top:14%;right:9%}.mag-visual,.mag-slot,.mag-more-card{position:relative}.mag-more-card>.pf-shot{aspect-ratio:4/5;position:relative;inset:auto}@media (max-width:899px){.pf-title>span{white-space:normal}.pf-hero-foot{grid-template-columns:1fr}.pf-index-row>a{grid-template-columns:34px 84px minmax(0,1fr) auto}.pf-index-thumb{width:84px}.pf-index-go{display:none}.pf-gallery-head{grid-template-columns:1fr}.pf-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-gallery-col:nth-child(3){grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-ring-card{aspect-ratio:4/5;height:auto}}@media (max-width:700px){.pf-title{font-size:12vw!important}.pf-title-b{padding-left:.1em}}.pf-pinboard{margin-inline:calc(var(--gutter) * -1);padding:12px 0 24px}.pf-pinboard-toolbar{padding:0 var(--gutter) 16px;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.pf-pinboard-toolbar p{margin:0}.pf-pinboard-toolbar button{background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #1e1e1e55;border-radius:99px;align-items:center;gap:14px;padding:8px 18px;display:inline-flex}.pf-pinboard-stage{isolation:isolate;width:100%;height:clamp(300px,31vw,500px);position:relative;overflow:hidden}.pf-pinboard-print{left:calc(1% + var(--col)*20%);top:calc(7% + var(--row)*44%);background:var(--paper);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:18%;height:40%;padding:7px;position:absolute;box-shadow:4px 10px 24px #16141326}.pf-pinboard-print .pf-shot{width:100%;height:100%;display:block;position:relative;overflow:hidden}.pf-pinboard-print img{object-fit:contain;pointer-events:none;-webkit-user-drag:none}.pf-pinboard-print:focus-visible,.pf-pinboard-toolbar button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;z-index:21}.pf-pinboard-hint{text-align:right;padding:12px var(--gutter) 0;font-size:11px;display:block}@media (max-width:700px){.pf-pinboard{margin-inline:-24px}.pf-pinboard-toolbar{gap:10px;padding-inline:24px;font-size:10px}.pf-pinboard-toolbar button{padding-inline:12px}.pf-pinboard-print{left:calc(2% + var(--mobile-col)*33%);top:calc(5% + var(--mobile-row)*47%);width:29%;height:41%;padding:4px}.pf-pinboard-print:nth-child(n+7){display:none}.pf-pinboard-stage{height:300px}.pf-pinboard-hint{padding-inline:24px}}.mag-more-card>.pf-shot.is-fill{aspect-ratio:4/5;position:relative;inset:auto}.mag-gallery{grid-template-rows:1fr 1fr}.pf-index{background:var(--beige,#f1e8dd)}.pf-index-list{border-top-color:#1e1e1e33}.pf-index-row{border-bottom-color:#1e1e1e33}.pf-index-row>:hover{background:var(--paper)}.pf-index-row>a{grid-template-columns:48px auto minmax(0,1fr) auto 56px}.pf-index-row>a:hover .pf-index-thumb{width:220px}.pf-index-go{border:1px solid #1e1e1e40;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .35s,color .35s,rotate .5s cubic-bezier(.22,1,.36,1);display:grid}.pf-index-go .wild-icon{width:18px;height:18px}.pf-index-row>a:hover .pf-index-go{background:var(--ink);color:var(--paper);rotate:-45deg}.pf-filters button{background:var(--paper)}.pf-btn-big{min-height:66px;padding:0 34px;font-size:22px}.pf-btn-big .wild-icon{width:24px;height:24px}.pf-btn-big:hover{background:var(--paper);color:var(--ink)!important}@media (max-width:899px){.pf-index-row>a{grid-template-columns:34px auto minmax(0,1fr) 40px}.pf-index-row>a:hover .pf-index-thumb{width:84px}.pf-index-go{width:36px;height:36px;display:grid}}.pf-outro>.pf-outro-star.ds-symbol{position:absolute}.pf-ring-card{cursor:pointer;border:0;padding:0}.pf-index-row>button{cursor:pointer;grid-template-columns:48px auto minmax(0,1fr) auto 56px;align-items:center;gap:24px;width:100%;padding:16px 6px;display:grid}.pf-index-row>button:hover .pf-index-thumb{width:220px}.pf-index-row>button:hover .pf-index-thumb img{scale:1.1}.pf-index-row>button:hover .pf-index-go{background:var(--ink);color:var(--paper);rotate:-45deg}.pf-ring-now .pf-btn{cursor:pointer;border:0}.pf-case{background:var(--paper);width:100vw;max-width:none;height:100svh;max-height:none;color:var(--ink);overscroll-behavior:contain;font-family:var(--font-matahari),Arial,sans-serif;border:0;margin:0;padding:0;overflow-y:auto}.pf-case::backdrop{background:#1e1e1e99}.pf-case[open]{animation:.6s cubic-bezier(.22,1,.36,1) pf-case-in}@keyframes pf-case-in{0%{opacity:0;translate:0 60px}}.pf-case-bar{z-index:5;padding:16px var(--gutter);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;text-transform:uppercase;background:#f5f2edeb;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex;position:sticky;top:0}.pf-case-bar>div{align-items:center;gap:8px;display:flex}.pf-case-bar button{min-width:44px;height:44px;color:var(--ink);text-transform:none;letter-spacing:0;background:0 0;border:1px solid #1e1e1e33;border-radius:999px;place-items:center;padding:0 14px;font-size:13px;transition:background .3s,color .3s;display:grid}.pf-case-bar button:hover{background:var(--ink);color:var(--paper)}.pf-case-bar .wild-icon{width:18px;height:18px}.pf-case-close{margin-left:8px;background:var(--ink)!important;color:var(--paper)!important}.pf-case-head{padding:60px var(--gutter) 40px}.pf-case-head h2{font-family:var(--display);letter-spacing:-.055em;flex-wrap:wrap;padding-bottom:.12em;font-size:clamp(64px,11vw,200px);font-weight:700;line-height:.95;display:flex;overflow:hidden;margin:14px 0 24px!important}.pf-case-head h2 span{display:inline-block}.pf-case-services{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pf-case-services li{background:var(--beige,#f1e8dd);border-radius:999px;padding:8px 14px;font-size:13px}.pf-case-hero{margin:0 var(--gutter);background:var(--sand);height:min(78svh,820px);position:relative;overflow:hidden}.pf-case-story{padding:90px var(--gutter) 40px;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;display:grid}.pf-case-story h3{font-family:var(--display);letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(30px,2.6vw,44px);font-weight:700}.pf-case-story p{max-width:34ch;margin:0;font-size:16px;line-height:1.8}.pf-case-soon{letter-spacing:.06em;text-transform:uppercase;color:#1e1e1e99;grid-column:1/-1;font-size:11px}.pf-case-gallery{height:min(110svh,1100px);padding:40px var(--gutter);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.pf-case-shot{background:var(--sand);position:relative;overflow:hidden}.pf-case-shot.shot-0{grid-row:1/3}.pf-case-shot img{transition:scale 1.2s cubic-bezier(.22,1,.36,1)}.pf-case-palette{height:90px;margin:20px var(--gutter) 0;grid-template-columns:repeat(4,1fr);display:grid}.pf-case-palette .tone-ink{background:var(--ink)}.pf-case-palette .tone-sand{background:var(--sand)}.pf-case-palette .tone-beige{background:var(--beige,#f1e8dd)}.pf-case-palette .tone-paper{background:var(--paper);box-shadow:inset 0 0 0 1px #ccb8a5}.pf-case-foot{padding:90px var(--gutter) 100px;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.pf-case-nav{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-items:start;gap:6px;padding:0;display:grid}.pf-case-nav.is-next{text-align:right;justify-items:end}.pf-case-nav span{letter-spacing:.06em;text-transform:uppercase;color:#1e1e1e99;font-size:11px}.pf-case-nav b{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(26px,2.6vw,44px);transition:translate .5s cubic-bezier(.22,1,.36,1)}.pf-case-nav:hover b{translate:-8px}.pf-case-nav.is-next:hover b{translate:8px}.pf-case-foot .pf-btn{justify-self:center}@media (max-width:899px){.pf-index-row>button{grid-template-columns:34px auto minmax(0,1fr) 40px;gap:14px}.pf-index-row>button:hover .pf-index-thumb{width:84px}.pf-case-head{padding:40px 24px 30px}.pf-case-hero{height:60svh;margin:0 24px}.pf-case-story{grid-template-columns:1fr;gap:30px;padding:60px 24px 20px}.pf-case-gallery{grid-template-rows:none;grid-template-columns:1fr;height:auto;padding:30px 24px}.pf-case-shot{aspect-ratio:4/3}.pf-case-shot.shot-0{grid-row:auto}.pf-case-palette{margin:10px 24px 0}.pf-case-foot{grid-template-columns:1fr 1fr;padding:60px 24px 80px}.pf-case-foot .pf-btn{grid-area:1/1/auto/-1}}.pf-case-project-note{padding:44px var(--gutter) 10px}.pf-case-project-note p{margin:18px 0 0;font-size:16px;line-height:1.8}.pf-case-gallery{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;height:auto}.pf-case-shot,.pf-case-shot.shot-0{aspect-ratio:auto;grid-row:auto}.pf-case-gallery .pf-shot.is-fill{position:relative;inset:auto}.pf-case-gallery .pf-shot.is-fill img{object-fit:contain;height:auto!important;position:relative!important}.pf-case-hero .pf-shot.is-fill img{object-fit:contain}.pf-case-shot:hover img{scale:1}.portfolio-main .pf-index-no{color:#625b55}@media (max-width:700px){.pf-case-gallery{grid-template-columns:1fr}}.pf-pinboard-stage{height:clamp(380px,38vw,580px)}.pf-pinboard-print{left:calc(var(--left)*1%);width:calc(var(--width)*1%);top:calc(5% + var(--row)*47%);height:41%}.pf-pinboard .pf-pinboard-print:nth-child(n){display:block}.pf-opening{padding:80px var(--gutter);font-size:18px}.pf-index-name small{font-family:var(--font-matahari),Arial,sans-serif;letter-spacing:0;margin-top:8px;font-size:10px;line-height:1.6;display:block}.pf-wall-tools{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;font-size:12px;line-height:1.7;display:flex}.pf-wall-tools>span{max-width:45ch}.pf-wall-tools button{border:1px solid var(--paper);min-height:46px;color:var(--paper);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:14px;padding:10px 20px;display:inline-flex}.pf-gallery-puzzle{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pf-gallery-puzzle .pf-gallery-item{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;position:relative;overflow:visible;box-shadow:0 9px 24px #0002}.pf-gallery-puzzle .pf-gallery-item img{aspect-ratio:3/2;object-fit:contain;pointer-events:none;transition:none}.pf-gallery-puzzle .pf-gallery-item:hover img{scale:1}.pf-gallery-puzzle .pf-gallery-item:focus-visible,.pf-wall-tools button:focus-visible{outline:2px solid var(--paper);outline-offset:5px;z-index:12}.client-case-index{padding:30px var(--gutter);border-bottom:1px solid #1e1e1e33;flex-wrap:wrap;gap:10px;display:flex}.client-case-index a{min-height:44px;color:var(--ink);border:1px solid #1e1e1e66;border-radius:99px;align-items:center;padding:8px 16px;font-size:12px;text-decoration:none;display:inline-flex}.client-case-index a:hover{background:var(--ink);color:var(--paper)}.client-case-section{padding:55px var(--gutter);border-bottom:1px solid #1e1e1e22;scroll-margin-top:85px}.client-case-section>header{align-items:baseline;gap:24px;margin-bottom:30px;display:flex}.client-section-number{font-variant-numeric:tabular-nums;font-size:12px}.client-case-section h3{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(30px,4vw,58px);line-height:1.14}.client-section-copy{gap:20px;max-width:900px;margin:0 0 35px;display:grid}.client-section-copy p{white-space:pre-line;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.8}.client-section-copy p.is-short{font-size:15px}.client-section-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.client-media{min-width:0;margin:0;position:relative;overflow:hidden}.client-media.is-wide{grid-column:1/-1}.client-media-view{min-width:0;line-height:0}.client-media-view img{object-fit:contain;width:100%;height:auto;display:block}.client-media.is-website .client-media-view{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:min(65svh,680px);overflow-y:auto}.client-browser-bar{background:var(--paper);color:var(--ink);border:1px solid #1e1e1e44;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;font-size:11px;line-height:1.5;display:flex}.client-media-tools{background:var(--paper);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:12px;line-height:1.5;display:flex}.client-media-tools button,.client-media-tools a{min-height:44px;color:var(--ink);font:inherit;align-items:center;display:inline-flex}.client-media-tools button{background:var(--paper);border:1px solid var(--ink);cursor:pointer;border-radius:99px;padding:8px 16px}.client-media-tools a{text-underline-offset:4px;margin-left:auto}.client-section-links{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.client-section-links a{background:var(--ink);min-height:48px;color:var(--paper);border-radius:99px;align-items:center;padding:12px 22px;font-size:14px;text-decoration:none;display:inline-flex}.client-case-content :focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:700px){.pf-pinboard-stage{height:420px}.pf-pinboard-print{left:calc(2% + var(--mobile-col)*33%);top:calc(4% + var(--mobile-row)*31%);width:29%;height:28%}.pf-gallery-puzzle{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pf-wall-tools{flex-direction:column;align-items:start;gap:18px}.client-case-section{padding:40px 24px}.client-case-section>header{gap:14px}.client-section-media{grid-template-columns:1fr;gap:16px}.client-media.is-wide{grid-column:auto}.client-browser-bar{padding:12px;font-size:10px}.client-case-index{padding:24px}}.client-media-view video{object-fit:contain;width:100%;height:auto;display:block}.client-media.is-website{grid-column:1/-1;width:100%;max-width:1100px;margin-inline:auto}.client-colour-palette{flex-wrap:wrap;gap:18px;margin:0 0 35px;padding:0;list-style:none;display:flex}.client-colour-palette li{text-align:center;flex:1;gap:12px;min-width:92px;max-width:190px;font-size:12px;display:grid}.client-colour-palette li>span{aspect-ratio:1.5;border:1px solid #1e1e1e33;border-radius:50%;display:block}.client-colour-palette code{font-family:var(--font-matahari),sans-serif}.client-original-reels{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:30px;display:grid}.client-original-reel{min-width:0;margin:0}.client-reel-player{aspect-ratio:9/16;background:var(--ink);position:relative;overflow:hidden}.client-reel-player button,.client-reel-player iframe{border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.client-reel-player button{background:var(--ink);cursor:pointer;color:var(--paper)}.client-reel-player img{object-fit:cover;width:100%;height:100%}.client-reel-player button>span{color:var(--paper);background:linear-gradient(#0000,#16141366);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.client-reel-player button b{border:1px solid var(--paper);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16141366;border-radius:50%;place-items:center;width:65px;height:65px;font:34px/1 Arial,sans-serif;display:grid}.client-original-reel figcaption{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12px 0;font-size:11px;line-height:1.6;display:flex}.client-original-reel figcaption a{color:inherit;align-items:center;min-height:32px;display:inline-flex}@media (max-width:700px){.client-original-reels{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.client-colour-palette{gap:14px}.client-colour-palette li{min-width:72px}.client-media.is-website{grid-column:auto}}.client-colour-palette li{max-width:140px}.client-colour-palette li>span{aspect-ratio:1}