@font-face{font-family:"Folio Serif";src:url("assets/folio-serif-italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#ffffff;--ink:#262339;--muted:#686579;--line:#e3e1ec;--accent:#ff91c4;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button{border:0}img,svg{display:block}img{max-width:100%}svg{width:24px;height:24px}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.wrap{max-width:1536px;padding-left:5.4%;padding-right:5.4%;margin:auto}.mono,.eyebrow,.stage-coordinate,.header-caption,.nav-count,.hero-baseline,.tile-topline,.project-category,.footer-bottom,.back-top>span:first-child{font-family:"Courier New",monospace;font-size:15px;font-weight:400;letter-spacing:.055em}.eyebrow{font-size:15px;letter-spacing:.09em}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page-top{position:absolute;top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:15px;background:var(--ink);color:white;padding:15px 24px;z-index:99;transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--ink);z-index:100;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-size:41px;font-weight:750;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px}.wordmark>svg{width:25px;height:25px}.logo-dot{color:#f15692;margin-left:-9px}.header-nav{margin-left:115px}.nav-work{display:flex;align-items:center;gap:8px;font-size:17px}.nav-dot,.end-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--ink)}.nav-count{margin-left:2px;color:var(--muted)}.header-right{display:flex;gap:25px;align-items:center}.motion-button{background:transparent;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .25s}.motion-button:hover{background:var(--accent)}.pause-icon{display:flex;gap:3px}.pause-icon i{width:2px;height:9px;background:var(--ink)}.motion-button[aria-pressed=true] .pause-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--ink);margin-left:2px}.motion-button[aria-pressed=true] .pause-icon i{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:650px;padding-top:50px;padding-bottom:90px}.hero-content{position:relative;z-index:2;padding-bottom:18px}.hero .eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 35px}.tiny-cross{font-size:22px;line-height:1}h1{font-size:clamp(76px,8.12vw,125px);letter-spacing:-.073em;line-height:.99;margin:0 0 28px;font-weight:500;white-space:nowrap}em{font-family:"Folio Serif",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em}h1 em{letter-spacing:-.085em}.title-line{display:block}.title-line+.title-line{margin-top:7px}.title-line>span{display:inline-block}.hero-description{font-size:21px;line-height:1.75;color:#686579;margin:0 0 30px;letter-spacing:-.1px}.discover-link{display:inline-flex;align-items:center;gap:14px;font-size:17px;font-weight:500;position:relative}.round-arrow{display:grid;place-items:center;background:var(--ink);border-radius:50%;width:46px;height:46px;color:var(--paper);transition:background .3s,color .3s,transform .5s var(--ease);flex-shrink:0}.round-arrow svg{width:19px;height:19px;transform:rotate(90deg)}.discover-link:hover .round-arrow{background:var(--accent);color:var(--ink);transform:rotate(-45deg)}.link-line{width:31px;height:1px;background:var(--line);margin-left:8px}.hero-baseline{position:absolute;bottom:29px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.hero-baseline>span:last-child{display:flex;align-items:center;gap:18px}.baseline-arrow{font-family:Arial;font-size:24px;color:var(--ink)}.hero-stage{position:relative;width:100%;height:490px;perspective:1200px;margin-left:10px}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#c3d6ee 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse at center,black,transparent 71%);opacity:.65}.stage-coordinate{position:absolute;font-size:12px;color:#686579;z-index:3}.coordinate-top{left:35px;top:5px}.coordinate-bottom{right:8px;bottom:8px;display:flex;align-items:center;gap:6px}.coordinate-bottom i{width:5px;height:5px;border-radius:50%;background:#ef5596;box-shadow:0 0 0 3px #ef559618}.stage-canvas{height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,0deg));transition:transform .7s var(--ease)}.orbit{position:absolute;border:1px solid #d8d5ee;border-radius:50%;pointer-events:none}.orbit-one{height:370px;width:370px;left:70px;top:44px;transform:rotateX(54deg) rotate(-34deg)}.orbit-two{height:390px;width:390px;left:56px;top:28px;transform:rotateY(54deg) rotate(28deg);border-style:dashed;opacity:.5}.hero-product{position:absolute;width:62%;left:21%;top:35px;background:#ffffff;padding:7px 7px 0;box-shadow:0 25px 45px -17px #29213c35;transform:rotate(-8deg);border:1px solid #e4e2ed;z-index:2;animation:floatOne 8s ease-in-out infinite}.hero-product-image{aspect-ratio:1/1;position:relative;overflow:hidden}.hero-product-image img{width:100%;height:100%;object-fit:cover}.mini-label{position:absolute;top:14px;left:15px;font-size:38px;letter-spacing:-2px;font-weight:600}.mini-number{position:absolute;right:12px;top:17px;font-family:monospace;font-size:12px}.mini-card-footer{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-family:monospace;font-size:10px;letter-spacing:.02em}.mini-card-footer svg{width:13px;height:13px}.hero-social{position:absolute;z-index:4;left:0;top:241px;width:176px;height:218px;background:#ff947d;color:#262339;box-shadow:0 20px 35px -15px #4c214245;padding:14px;transform:rotate(9deg);animation:floatTwo 7s ease-in-out infinite}.social-mini-label{font-family:monospace;font-size:9px;letter-spacing:.03em;display:block;margin-bottom:17px}.hero-social strong{font-size:44px;line-height:.92;letter-spacing:-2.2px;font-weight:800;position:relative;z-index:1}.hero-social-star{width:1em;height:1em;position:absolute;right:8px;bottom:19px;font-family:Arial;font-size:101px;line-height:1;color:#7447ca;transform:rotate(-10deg)}.social-mini-footer{position:absolute;bottom:12px;left:14px;font-family:monospace;font-size:9px}.hero-web{width:205px;position:absolute;z-index:3;right:-6px;bottom:55px;transform:rotate(10deg);background:#ffffff;padding:5px;box-shadow:0 23px 32px -18px #29213c55;animation:floatThree 9s ease-in-out infinite}.mini-browser-bar{height:14px;display:flex;align-items:center;gap:3px;padding:0 3px}.mini-browser-bar i,.mock-browser>i{width:3px;height:3px;border-radius:50%;background:#aaa5bb}.mini-browser-bar>span{font-size:9px;font-family:monospace;margin:auto}.mini-web-image{position:relative;height:118px;overflow:hidden}.mini-web-image img{height:100%;width:100%;object-fit:cover}.mini-web-image>span{position:absolute;left:10px;top:8px;font-size:24px;letter-spacing:-1.3px}.mini-web-dot{font-size:9px;vertical-align:top;margin-left:2px}.hero-ppc{position:absolute;right:-8px;top:93px;background:var(--ink);color:var(--accent);border-radius:7px;padding:12px 15px;z-index:4;display:flex;gap:12px;align-items:center;box-shadow:0 8px 20px #29213c15;transform:rotate(8deg);animation:floatFour 7.4s ease-in-out infinite}.hero-ppc svg{width:24px;height:24px}.hero-ppc>span{font-size:14px;line-height:1.1;letter-spacing:.025em}.hero-ppc b{font-size:22px;letter-spacing:-.5px}.rotating-stamp{position:absolute;width:105px;height:105px;top:-8px;right:3px;z-index:5;color:var(--ink)}.rotating-stamp>svg{width:100%;height:100%;animation:rotate 25s linear infinite;fill:currentColor;font-family:Arial;font-size:14px;letter-spacing:1.8px}.rotating-stamp>span{position:absolute;left:35px;top:31px;font-size:40px}.intro{animation:enter 1.15s var(--ease) both}.intro-1{animation-delay:.08s}.intro-2{animation-delay:.17s}.intro-3{animation-delay:.29s}.intro-4{animation-delay:.42s}.intro-5{animation-delay:.55s}@keyframes enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes floatOne{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(-5deg)}}@keyframes floatTwo{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(12px) rotate(5deg)}}@keyframes floatThree{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-13px) rotate(6deg)}}@keyframes floatFour{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(9px) rotate(13deg)}}@keyframes rotate{to{transform:rotate(360deg)}}
.marquee{background:var(--accent);padding:23px 0;overflow:hidden;border-top:1px solid #ff7b92;border-bottom:1px solid #ff7b92;transform:rotate(-1.3deg);width:102%;margin-left:-1%;margin-top:14px}.marquee-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.marquee-group{display:flex;gap:39px;align-items:center;padding-right:39px;flex-shrink:0}.marquee-group>span{font-size:20px;font-weight:600;letter-spacing:-.25px;white-space:nowrap}.marquee-group svg{width:20px;height:20px}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.work-section{padding-top:117px;padding-bottom:80px;scroll-margin-top:25px}.section-topline{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin:30px 0 39px}h2{font-size:clamp(50px,5.60vw,85px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:0}h2 em{letter-spacing:-.07em}.work-heading>p{font-size:18px;line-height:1.75;color:var(--muted);margin:0 0 4px;padding-right:5px}.concept-note{display:flex;align-items:center;gap:7px;font-family:monospace;font-size:14px;letter-spacing:.01em;margin-top:16px;color:#686579}.concept-note i{height:5px;width:5px;background:#ef5596;border-radius:50%}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:45px;padding-bottom:23px;border-bottom:1px solid var(--line)}.filter-button{border:1px solid var(--line);border-radius:30px;padding:11px 16px;font-size:15px;background:transparent;white-space:nowrap;transition:background .25s,border-color .25s,transform .3s var(--ease)}.filter-button span{font-family:monospace;font-size:14px;margin-left:12px;opacity:.6}.filter-button:hover{border-color:var(--ink);transform:translateY(-2px)}.filter-button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1.08fr .92fr;column-gap:5.3%;row-gap:56px}.project{min-width:0}.project:nth-child(2){margin-top:103px}.project:nth-child(3){margin-top:-72px}.project:nth-child(4){margin-top:31px}.project-visual{width:100%;display:block;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.23;background:#e7efff;padding:0;text-align:left;border-radius:3px;transition:border-radius .5s var(--ease),transform .7s var(--ease)}.project:nth-child(even) .project-visual{aspect-ratio:1.12}.project-visual:hover{border-radius:9px}.project-visual:active{transform:scale(.985)}.art{position:relative;display:block;width:100%;height:100%;overflow:hidden}.tile-topline{position:absolute;left:25px;right:25px;top:25px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.065em;z-index:4}.cover-image{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.project-visual:hover .cover-image{transform:scale(1.045)}.amazon-art .cover-image{object-position:center 46%}.product-tile-title{position:absolute;left:25px;bottom:57px;font-size:78px;letter-spacing:-5px;font-weight:500}.product-tile-caption{position:absolute;left:28px;bottom:28px;font-size:10px;line-height:1.5;font-family:monospace;letter-spacing:.05em}.view-hint{position:absolute;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;z-index:6;opacity:0;transform:translateY(15px) rotate(-30deg);transition:opacity .3s,transform .5s var(--ease);pointer-events:none}.view-hint svg{width:24px;height:24px}.project-visual:hover .view-hint,.project-visual:focus-visible .view-hint{opacity:1;transform:translateY(0) rotate(0)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:21px;gap:10px}.project-category{font-size:12px;letter-spacing:.07em;margin:0 0 9px;color:var(--muted)}.project h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:0}.project h3 button{padding:0;background:transparent;text-align:left;letter-spacing:inherit}.project h3 button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.caption-arrow{border:1px solid #d8d5e5;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;transition:background .3s,transform .5s var(--ease)}.caption-arrow svg{width:15px;height:15px}.project:has(button:hover) .caption-arrow{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.project-tags{font-size:15px;line-height:1.8;color:var(--muted);margin:9px 0 0}.project-tags>span{margin:0 7px;color:#aaa5bb}.web-art{background:#dcecff}.web-mockup{position:absolute;top:18%;left:8%;width:84%;background:#ffffff;box-shadow:0 25px 35px -13px #34305d4d;transform:rotate(-5deg);transition:transform .9s var(--ease);border-radius:4px;overflow:hidden}.project-visual:hover .web-mockup{transform:rotate(-2deg) translateY(-5px)}.mock-browser{height:17px;background:#edf2ff;display:flex;align-items:center;padding:0 8px;gap:3px;border-bottom:1px solid #dce2f3}.mock-browser>span{font-family:monospace;font-size:9px;margin:auto;color:#686579}.mock-web-header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px}.mock-web-header>b{font-size:22px;letter-spacing:-1px}.mock-web-header>span{font-size:7px;font-family:monospace;letter-spacing:.02em}.mock-web-photo{display:block;position:relative;height:220px;overflow:hidden}.mock-web-photo img{width:100%;height:100%;object-fit:cover}.mock-web-photo>span{position:absolute;left:17px;bottom:19px;font-size:38px;line-height:.96;letter-spacing:-1.7px;color:#ffffff;text-shadow:0 1px 12px #252a4936}.mock-web-bottom{display:flex;justify-content:space-between;padding:14px;font-family:monospace;font-size:9px;letter-spacing:.035em}.phone-mockup{position:absolute;z-index:2;right:9%;top:40%;height:49%;width:21%;border:4px solid #29233e;border-radius:14px;background:#ffffff;overflow:hidden;box-shadow:0 20px 24px -8px #29213c40;transform:rotate(7deg);transition:transform .9s var(--ease)}.project-visual:hover .phone-mockup{transform:rotate(3deg) translateY(6px)}.phone-island{width:29%;height:5px;background:#29233e;border-radius:0 0 5px 5px;margin:0 auto 8px;display:block}.phone-mockup>b{font-size:15px;display:block;margin:0 7px 7px;letter-spacing:-.7px}.phone-mockup>img{width:100%;height:49%;object-fit:cover}.phone-mockup>span:not(.phone-island){display:block;font-family:Georgia,serif;font-size:17px;line-height:1;margin:7px}.phone-mockup>i{font-family:monospace;font-size:6px;font-style:normal;margin:7px;display:block}.mockup-caption{position:absolute;left:25px;bottom:24px;font-family:monospace;font-size:10px;letter-spacing:.06em;color:#686579}
.social-art{background:#ff947d}.poster-row{position:absolute;left:8%;right:8%;top:17%;height:72%;display:flex;align-items:center;justify-content:center}.poster{display:block;position:relative;width:37%;height:92%;box-shadow:0 17px 28px -10px #8c355943;transition:transform .8s var(--ease);flex-shrink:0;padding:15px 13px}.poster-top{display:block;font-family:monospace;font-size:7px;white-space:nowrap;letter-spacing:.02em}.poster-bottom{position:absolute;bottom:12px;left:13px;font-family:monospace;font-size:7px;letter-spacing:.03em}.poster strong{font-size:clamp(32px,3.36vw,50px);font-weight:750;line-height:.9;letter-spacing:-2.3px;display:block;position:relative;z-index:2}.poster-lilac{background:#d4b6ff;transform:rotate(-11deg) translateX(12px);z-index:1}.poster-lilac strong{margin-top:25px}.poster-asterisk{width:1em;height:1em;font-family:Arial;font-size:110px;position:absolute;left:13px;bottom:28px;line-height:1;transform:rotate(-8deg)}.poster-black{background:#302548;transform:rotate(3deg);z-index:3;color:var(--accent)}.poster-black strong{margin-top:24px;white-space:nowrap;font-size:clamp(31px,3.14vw,47px);letter-spacing:-2px}.poster-black strong em{font-size:1.05em}.orbital-shape{display:block;position:absolute;width:70%;height:30%;left:15%;bottom:14%;transform:rotate(-25deg)}.orbital-shape>i{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid var(--accent);box-shadow:inset 1px 2px 3px #ffc0dd40,0 2px 4px #0003}.orbital-shape>i:nth-child(2){transform:rotate(55deg)}.orbital-shape>i:nth-child(3){transform:rotate(-55deg)}.poster-cream{background:#ffffff;transform:rotate(11deg) translateX(-9px);z-index:2}.poster-cream strong{position:absolute;bottom:36px;font-size:clamp(29px,2.80vw,46px);letter-spacing:-1.9px}.orange-sphere{position:absolute;top:12%;right:12%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 23%,#ffe0ed,#ff718b 44%,#c92d7a 90%);box-shadow:10px 15px 18px -10px #8b31597a}.project-visual:hover .poster-lilac{transform:rotate(-15deg) translateX(2px) translateY(-7px)}.project-visual:hover .poster-black{transform:rotate(0deg) translateY(-10px)}.project-visual:hover .poster-cream{transform:rotate(15deg) translateX(0) translateY(7px)}.social-scene-caption{position:absolute;bottom:20px;left:25px;font-family:monospace;font-size:10px;letter-spacing:.05em}
.ads-art{background:#29233e;color:var(--paper)}.ads-title{position:absolute;left:27px;top:20%;font-size:clamp(47px,5.71vw,87px);line-height:.93;letter-spacing:-.065em;z-index:1}.ads-title em{color:var(--accent);letter-spacing:-.08em}.growth-line{position:absolute;width:100%;height:65%;left:0;bottom:0;color:#ff91c46b;opacity:.55}.search-card{position:absolute;right:8%;bottom:18%;width:68%;background:#ffffff;border-radius:7px;box-shadow:0 20px 30px #17132d40;color:var(--ink);padding:16px;transform:rotate(-6deg);z-index:2;transition:transform .8s var(--ease)}.search-card-label{display:flex;gap:6px;align-items:center;font-family:monospace;font-size:9px;letter-spacing:.05em}.search-symbol{width:7px;height:7px;display:block;border:1px solid var(--ink);border-radius:50%;position:relative;margin-right:1px}.search-symbol:after{content:"";position:absolute;right:-3px;bottom:-2px;width:4px;height:1px;background:var(--ink);transform:rotate(45deg)}.search-query{font-size:24px;font-weight:500;letter-spacing:-.6px;padding:14px 0 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1deed;white-space:nowrap}.search-query svg{width:15px;height:15px}.search-card-tags{display:flex;gap:5px;margin-top:10px}.search-card-tags>span{padding:5px 9px;background:#f4ddff;border-radius:20px;font-size:9px;font-family:monospace}.cursor-art{position:absolute;z-index:3;width:90px;height:117px;right:9%;bottom:12%;transform:rotate(7deg);filter:drop-shadow(5px 8px 3px #0005);transition:transform .8s var(--ease)}.project-visual:hover .search-card{transform:rotate(-2deg) translateY(-7px)}.project-visual:hover .cursor-art{transform:rotate(-2deg) translate(-12px,-10px)}.ads-bottomline{position:absolute;left:25px;bottom:24px;font-family:monospace;font-size:10px;display:flex;gap:12px;align-items:center;letter-spacing:.05em}.ads-bottomline i{color:var(--accent);font-size:20px;font-style:normal}.project-grid.is-filtered{grid-template-columns:minmax(0,840px);justify-content:center}.project-grid.is-filtered .project{margin-top:0}.project-grid.is-filtered .project-visual{aspect-ratio:1.5}.project-grid.is-filtered .mock-web-photo{height:300px}.project-grid.is-filtered .poster strong{font-size:60px}.project-grid.is-filtered .poster-asterisk{font-size:134px}.project-grid.is-filtered .ads-title{font-size:101px}.project-grid.is-filtered .search-query{font-size:32px}.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom{font-size:11px}.work-end{display:flex;align-items:center;gap:25px;margin-top:76px;color:var(--muted)}.work-end>.mono{white-space:nowrap;font-size:12px}.work-end .end-dot{height:4px;width:4px;margin-right:7px;background:var(--muted)}.work-end-line{height:1px;background:var(--line);flex:1}.has-reveals .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.has-reveals .reveal.is-visible{opacity:1;transform:translateY(0)}
.site-footer{background:var(--ink);color:var(--paper);padding-top:62px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>p{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0}.footer-top em{letter-spacing:-.5px;color:#d8d0ea}.back-top{display:flex;gap:25px;align-items:center}.back-top>span:first-child{font-size:12px;color:#d4cde4}.footer-arrow{width:62px;height:62px;border:1px solid #817597;display:grid;place-items:center;border-radius:50%;transition:background .3s,color .3s,transform .5s var(--ease)}.footer-arrow svg{width:22px;height:22px;transform:rotate(-45deg)}.back-top:hover .footer-arrow{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translateY(-5px)}.site-footer a:focus-visible{outline-color:var(--accent)}.footer-wordmark{font-size:clamp(202px,31.36vw,476px);line-height:.9;letter-spacing:-.09em;font-weight:500;display:flex;align-items:center;justify-content:space-between;padding-top:53px;padding-bottom:26px;user-select:none}.footer-wordmark>span{font-family:Arial;font-weight:400;font-size:.69em;line-height:1;color:var(--accent);letter-spacing:0;display:inline-block;animation:rotate 40s linear infinite}.footer-wordmark>span>svg{width:1em;height:1em}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:24px 0;border-top:1px solid #5b4e70;color:#d4cde4}
.case-dialog{width:min(1020px,calc(100vw - 60px));max-height:92svh;max-width:none;padding:0;border:0;background:var(--paper);color:var(--ink);border-radius:8px;box-shadow:0 30px 100px #0005;overscroll-behavior:contain}.case-dialog[open]{animation:dialogEnter .5s var(--ease)}.case-dialog::backdrop{background:#1a1530e0;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8;background:var(--paper);padding:15px 24px;border-bottom:1px solid var(--line)}.dialog-eyebrow{font-size:14px}.dialog-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;transition:background .2s;font-size:34px;line-height:1}.dialog-close:hover{background:var(--accent)}.dialog-close>span{transform:translateY(-1px)}.case-visual{height:440px;overflow:hidden}.case-visual .art{height:100%;width:100%}.case-visual .amazon-art .cover-image{object-position:center 55%}.case-visual .web-mockup{width:68%;left:15%;top:10%;transform:rotate(-3deg)}.case-visual .mock-web-photo{height:260px}.case-visual .phone-mockup{height:64%;width:14%;right:13%;top:30%}.case-visual .poster-row{width:70%;left:15%;right:15%;top:12%;height:80%}.case-visual .poster strong{font-size:54px}.case-visual .poster-top,.case-visual .poster-bottom{font-size:11px}.case-visual .poster-asterisk{font-size:118px}.case-visual .ads-title{font-size:101px;top:18%;left:6%}.case-visual .search-card{width:47%;right:8%;bottom:18%}.case-visual .search-query{font-size:30px}.case-visual .cursor-art{right:8%;bottom:14%;width:100px;height:130px}.case-visual .search-card-label{font-size:10px}.case-visual .search-card-tags>span{font-size:10px}.case-content{padding:38px 48px 28px}.case-concept{font-size:14px;color:#686579;margin:0 0 18px}.case-content h2{font-size:55px;letter-spacing:-2px;line-height:1.08;margin-bottom:20px}.case-description{font-size:24px;line-height:1.7;max-width:760px;color:#625e72}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:32px;border-top:1px solid var(--line);padding-top:25px}.case-details h3{font-size:15px;letter-spacing:.04em;font-weight:600;margin:0 0 12px;text-transform:uppercase}.case-details p,.case-details ul{font-size:18px;line-height:1.8;color:#625e72;margin:0}.case-details ul{padding-left:17px}.case-demo-note{font-size:15px;line-height:1.7;color:#686579;border-top:1px solid var(--line);padding-top:20px;margin-top:29px}.next-project{background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border-top:1px solid var(--line);padding:24px 0 0;margin-top:23px}.next-project>span:first-child{display:flex;flex-direction:column;gap:7px}.next-project small{font-family:monospace;font-size:12px;color:var(--muted);letter-spacing:.05em}#next-project-title{font-size:24px;letter-spacing:-.5px}.next-project .round-arrow svg{transform:none}.next-project:hover .round-arrow{background:var(--accent);color:var(--ink);transform:rotate(45deg)}.noscript-note{padding:20px;text-align:center;font-size:17px;background:var(--accent)}@keyframes dialogEnter{from{opacity:0;transform:translateY(35px) scale(.98)}to{opacity:1;transform:none}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important;transition-duration:0s!important}html[data-motion=off] .intro{animation:none;opacity:1;transform:none}html[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off] .stage-canvas{transform:none}html[data-motion=off] .case-dialog[open]{animation:none}
@media(min-width:1600px){.wrap{padding-left:83px;padding-right:83px}.hero-baseline{left:83px;right:83px}.hero{min-height:720px}.hero-stage{height:540px}.hero-social{width:190px;height:235px;top:275px}.hero-web{width:225px;bottom:60px}.hero-ppc{top:107px}.hero-product{top:45px}}
@media(max-width:1150px){.header-nav{margin-left:25px}.header-caption{font-size:12px}.hero{grid-template-columns:1.1fr 1fr;min-height:610px;padding-top:30px}.hero-stage{height:440px;margin-left:0}.hero-product{left:16%;width:68%;top:55px}.hero-social{width:145px;height:180px;top:236px;padding:12px}.hero-social strong{font-size:37px}.hero-social-star{font-size:82px}.social-mini-label{font-size:7px;margin-bottom:14px}.social-mini-footer{font-size:7px;left:12px}.hero-web{width:166px;bottom:33px;right:-5px}.mini-web-image{height:95px}.mini-card-footer{font-size:11px;height:30px}.hero-ppc{top:115px;right:-10px;padding:9px 10px}.hero-ppc>span{font-size:10px}.hero-ppc b{font-size:21px}.hero-ppc svg{width:20px}.rotating-stamp{width:89px;height:89px;top:10px;right:-3px}.rotating-stamp>span{font-size:32px;top:26px;left:31px}.coordinate-top{left:20px;font-size:10px}.coordinate-bottom{bottom:0;font-size:10px}.orbit-one{width:300px;height:300px;left:15px;top:70px}.orbit-two{width:310px;height:310px;left:20px;top:55px}.hero-description{font-size:18px}.hero .eyebrow{font-size:14px;margin-bottom:30px}.work-section{padding-top:95px}.filter-button{font-size:15px;padding:10px 13px}.project-visual .tile-topline{left:20px;right:20px;top:20px;font-size:11px}.project h3{font-size:22px}.project-category{font-size:10px}.project-tags{font-size:14px}.mock-web-photo{height:170px}.web-mockup{top:20%}.phone-mockup{border-width:3px;border-radius:11px}.mock-web-header{padding:8px 10px}.mock-web-bottom{padding:10px}.mock-web-photo>span{font-size:32px}.mock-web-header>b{font-size:21px}.phone-mockup>span:not(.phone-island){font-size:15px}.phone-mockup>b{font-size:12px;margin-bottom:5px}.phone-island{margin-bottom:5px}.poster{padding:12px 10px}.poster-top,.poster-bottom{font-size:6px}.poster-bottom{left:10px}.poster-asterisk{font-size:86px;bottom:25px;left:9px}.search-card{padding:12px}.search-query{font-size:20px;padding:12px 0 9px}.search-card-label{font-size:7px}.cursor-art{width:70px;height:91px}.product-tile-title{font-size:66px;left:21px;bottom:47px}.product-tile-caption{font-size:11px;left:22px;bottom:24px}.mockup-caption,.social-scene-caption,.ads-bottomline{font-size:11px;left:20px;bottom:20px}.search-card-tags>span{padding:4px 7px;font-size:7px}.ads-title{left:20px;top:21%}.social-scene-caption{font-size:9px}}
@media(max-width:860px){.wrap{padding-left:6%;padding-right:6%}.site-header{height:88px}.header-caption{display:none}.header-nav{margin-left:auto}.header-right{gap:0}.hero{grid-template-columns:1fr 1fr;min-height:552px;padding-top:28px;padding-bottom:78px;column-gap:4px}.hero h1{font-size:8.62vw}.hero .eyebrow{font-size:10px;gap:7px;margin-bottom:25px}.hero-description{font-size:17px;max-width:275px;margin-bottom:24px}.desktop-break{display:none}.hero-stage{height:375px}.hero-product{top:51px;left:17%;width:72%;padding:5px 5px 0}.mini-label{font-size:29px;top:10px;left:10px}.mini-number{font-size:11px;top:12px;right:9px}.mini-card-footer{font-size:7px;height:25px;padding:0 3px}.hero-social{top:204px;width:122px;height:151px;left:1px;padding:9px}.hero-social strong{font-size:31px;letter-spacing:-1.6px}.social-mini-label{font-size:6px;margin-bottom:12px}.hero-social-star{font-size:69px;bottom:15px}.social-mini-footer{font-size:6px;left:9px;bottom:9px}.hero-web{width:138px;bottom:22px;right:-9px;padding:4px}.mini-browser-bar{height:12px}.mini-web-image{height:80px}.mini-web-image>span{font-size:18px}.hero-ppc{top:95px;right:-14px;padding:9px;gap:6px}.hero-ppc>span{font-size:9px}.hero-ppc b{font-size:17px}.hero-ppc svg{width:16px;height:16px}.rotating-stamp{width:75px;height:75px;top:4px;right:-9px}.rotating-stamp>span{font-size:29px;left:25px;top:20px}.coordinate-top{font-size:9px;left:10px}.coordinate-bottom{font-size:9px;bottom:-8px}.orbit-one,.orbit-two{width:250px;height:250px;left:15px}.hero-baseline{left:6%;right:6%;font-size:10px;bottom:24px}.round-arrow{width:40px;height:40px}.discover-link{font-size:15px;gap:11px}.discover-link .link-line{width:22px;margin-left:0}.marquee{padding:19px 0}.marquee-group{gap:27px;padding-right:27px}.marquee-group>span{font-size:15px}.marquee-group svg{width:15px;height:15px}.work-section{padding-top:83px;padding-bottom:60px}.work-heading{gap:25px}.work-heading>p{font-size:15px}.concept-note{font-size:10px}.filter-row{gap:5px}.filter-button{font-size:14px;padding:9px 11px}.project-grid{column-gap:4%;row-gap:40px}.project:nth-child(2){margin-top:75px}.project:nth-child(3){margin-top:-40px}.project:nth-child(4){margin-top:35px}.project-category{font-size:11px;letter-spacing:.02em}.project h3{font-size:20px;letter-spacing:-.35px}.project-tags{font-size:12px}.project-tags>span{margin:0 3px}.caption-arrow{width:29px;height:29px}.caption-arrow svg{width:13px;height:13px}.project-visual .tile-topline{font-size:9px;left:15px;right:15px;top:15px}.product-tile-title{font-size:53px;letter-spacing:-3px;left:16px;bottom:38px}.product-tile-caption{font-size:7px;left:17px;bottom:21px}.mock-browser{height:12px;padding:0 5px;gap:2px}.mock-browser>i{width:2px;height:2px}.mock-browser>span{font-size:7px}.mock-web-header{padding:7px 8px}.mock-web-header>b{font-size:17px}.mock-web-header>span{font-size:6px}.mock-web-photo{height:137px}.mock-web-photo>span{font-size:26px;left:11px;bottom:13px}.mock-web-bottom{padding:8px;font-size:6px}.phone-mockup{width:22%;height:50%;border-radius:9px;border-width:3px}.phone-mockup>b{font-size:10px;margin:0 4px 4px}.phone-mockup>span:not(.phone-island){font-size:12px;margin:5px}.phone-mockup>i{font-size:4px;margin:5px}.phone-island{height:3px;margin-bottom:4px}.mockup-caption,.social-scene-caption,.ads-bottomline{left:15px;bottom:15px;font-size:9px}.poster{padding:10px 8px}.poster-top{font-size:5px}.poster-bottom{font-size:5px;left:8px;bottom:8px}.poster strong{font-size:3.64vw;letter-spacing:-1.5px}.poster-lilac strong{margin-top:17px}.poster-black strong{font-size:3.42vw;margin-top:17px;letter-spacing:-1.5px}.poster-cream strong{font-size:3.19vw;bottom:24px;letter-spacing:-1.2px}.poster-asterisk{font-size:9.86vw;bottom:19px;left:7px}.orbital-shape>i{border-width:3px}.ads-title{font-size:6.05vw;left:15px}.search-card{border-radius:5px;padding:10px;right:7%;bottom:17%}.search-card-label{font-size:6px}.search-query{font-size:15px;letter-spacing:-.5px;padding:9px 0 8px}.search-query svg{width:11px;height:11px}.search-symbol{width:5px;height:5px}.search-card-tags{margin-top:7px;gap:3px}.search-card-tags>span{font-size:6px;padding:3px 5px}.cursor-art{width:54px;height:70px}.ads-bottomline{gap:7px}.ads-bottomline i{font-size:15px}.view-hint{width:40px;height:40px;right:13px;bottom:13px}.view-hint svg{width:18px;height:18px}.work-end>.mono{font-size:11px}.work-end{gap:17px;margin-top:58px}.project-grid.is-filtered .poster strong{font-size:48px}.project-grid.is-filtered .ads-title{font-size:78px}.project-grid.is-filtered .mock-web-photo{height:240px}.project-grid.is-filtered .search-query{font-size:28px}.footer-top>p{font-size:26px}.footer-wordmark{padding-top:45px}.footer-bottom{font-size:11px}.case-dialog{width:calc(100vw - 38px)}.case-content{padding:30px}.case-visual{height:390px}.case-visual .mock-web-photo{height:220px}.case-visual .web-mockup{top:14%}.case-visual .phone-mockup{height:63%;width:15%}.case-visual .poster-top,.case-visual .poster-bottom{font-size:7px}.case-visual .poster strong{font-size:46px}.case-visual .poster-asterisk{font-size:106px}.case-visual .ads-title{font-size:85px}.case-visual .search-query{font-size:24px}.case-visual .search-card-label{font-size:9px}.case-visual .search-card-tags>span{font-size:9px}.case-visual .cursor-art{width:80px;height:105px}.case-content h2{font-size:44px}.case-description{font-size:21px}}
@media(max-width:620px){.site-header{height:84px;gap:22px}.wordmark{font-size:36px}.wordmark>svg{width:22px;height:22px}.nav-work{font-size:15px;gap:6px}.nav-count{font-size:12px}.motion-button{width:30px;height:30px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:66px;min-height:0}.hero-content{padding-bottom:0}.hero .eyebrow{font-size:14px;margin-bottom:27px}.hero h1{font-size:clamp(52px,16.58vw,93px);letter-spacing:-.075em;margin-bottom:22px}.title-line+.title-line{margin-top:6px}.hero-description{font-size:18px;max-width:310px;margin-bottom:23px}.discover-link{font-size:15px;gap:12px}.round-arrow{width:42px;height:42px}.hero-stage{width:100%;height:420px;margin-top:32px;max-width:410px;align-self:center}.stage-coordinate.coordinate-top{font-size:11px;left:12px;top:3px}.coordinate-bottom{font-size:11px;right:4px;bottom:0}.hero-product{width:65%;left:22%;top:34px;padding:6px 6px 0}.hero-product-image{aspect-ratio:1/1.05}.mini-label{font-size:32px;top:12px;left:12px}.mini-number{font-size:10px}.mini-card-footer{height:30px;font-size:9px}.mini-card-footer svg{width:11px;height:11px}.hero-social{width:140px;height:173px;left:2px;top:216px;padding:11px}.hero-social strong{font-size:36px;letter-spacing:-1.8px}.social-mini-label{font-size:7px;margin-bottom:12px}.social-mini-footer{font-size:7px;left:11px;bottom:9px}.hero-social-star{font-size:78px;right:7px;bottom:17px}.hero-web{width:162px;bottom:28px;right:-2px}.mini-web-image{height:93px}.mini-web-image>span{font-size:22px}.mini-browser-bar{height:14px}.hero-ppc{top:99px;right:-3px;padding:10px 11px;gap:8px}.hero-ppc>span{font-size:11px}.hero-ppc b{font-size:18px}.hero-ppc svg{width:20px;height:20px}.rotating-stamp{width:85px;height:85px;top:-4px;right:-3px}.rotating-stamp>span{font-size:32px;left:28px;top:25px}.orbit-one,.orbit-two{height:300px;width:300px;left:30px;top:45px}.hero-baseline{font-size:11px;bottom:23px}.hero-baseline>span:last-child{gap:8px}.baseline-arrow{font-size:20px}.marquee{margin-top:7px;padding:17px 0;transform:rotate(-2deg);width:104%;margin-left:-2%}.marquee-group>span{font-size:15px}.marquee-group{gap:22px;padding-right:22px}.work-section{padding-top:70px;padding-bottom:50px;scroll-margin-top:10px}.section-topline{padding-top:20px}.section-topline .eyebrow{font-size:14px}.section-topline>.mono{font-size:12px}.work-heading{display:block;margin:26px 0 27px}.work-heading h2{font-size:52px}.work-heading>p{margin-top:22px;font-size:17px}.concept-note{font-size:12px;margin-top:11px}.filter-row{gap:7px;margin-bottom:27px;padding-bottom:22px}.filter-button{font-size:15px;padding:10px 12px}.filter-button span{font-size:12px;margin-left:8px}.project-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(n){margin-top:0}.project-visual,.project:nth-child(even) .project-visual{aspect-ratio:1.15;border-radius:3px}.project-visual .tile-topline{font-size:10px;left:21px;right:21px;top:21px}.project-caption{padding-top:17px}.project-category{font-size:10px;margin-bottom:8px}.project h3{font-size:24px;letter-spacing:-.5px}.project-tags{font-size:14px;margin-top:7px}.caption-arrow{height:33px;width:33px}.caption-arrow svg{height:15px;width:15px}.product-tile-title{font-size:73px;letter-spacing:-4px;left:22px;bottom:47px}.product-tile-caption{font-size:11px;left:24px;bottom:23px}.web-mockup{top:17%;left:7%;width:85%}.mock-browser{height:15px;gap:3px}.mock-browser>span{font-size:9px}.mock-web-header{padding:10px 12px}.mock-web-header>b{font-size:24px}.mock-web-header>span{font-size:7px}.mock-web-photo{height:clamp(175px,47vw,260px)}.mock-web-photo>span{font-size:35px;left:14px;bottom:15px}.mock-web-bottom{padding:11px;font-size:7px}.phone-mockup{height:49%;width:21%;top:40%;right:8%;border-radius:13px;border-width:4px}.phone-mockup>b{font-size:14px;margin:0 7px 7px}.phone-mockup>span:not(.phone-island){font-size:15px;margin:7px}.phone-mockup>i{font-size:6px;margin:7px}.phone-island{height:4px;margin-bottom:6px}.mockup-caption,.social-scene-caption,.ads-bottomline{left:21px;bottom:21px;font-size:11px}.poster{padding:13px 11px}.poster-top{font-size:6px}.poster-bottom{font-size:6px;left:11px;bottom:11px}.poster strong{font-size:9.52vw;letter-spacing:-1.9px}.poster-lilac strong{margin-top:22px}.poster-black strong{font-size:8.96vw;letter-spacing:-1.8px;margin-top:22px}.poster-cream strong{font-size:8.29vw;letter-spacing:-1.6px;bottom:30px}.poster-asterisk{font-size:25.76vw;bottom:27px;left:10px}.orbital-shape>i{border-width:4px}.poster-row{height:72%;top:17%}.ads-title{font-size:15.34vw;left:22px;top:20%}.search-card{padding:13px;width:70%;bottom:18%;border-radius:6px}.search-card-label{font-size:7px}.search-query{font-size:22px;padding:13px 0 11px;letter-spacing:-.5px}.search-query svg{width:14px;height:14px}.search-symbol{width:7px;height:7px}.search-card-tags{gap:4px;margin-top:9px}.search-card-tags>span{font-size:7px;padding:4px 7px}.cursor-art{width:76px;height:99px;bottom:12%}.ads-bottomline{gap:11px}.ads-bottomline i{font-size:17px}.view-hint{opacity:1;transform:none;width:40px;height:40px;right:15px;bottom:15px;background:#ffffffe6}.project-grid.is-filtered{grid-template-columns:1fr}.project-grid.is-filtered .project-visual{aspect-ratio:1.15}.project-grid.is-filtered .mock-web-photo{height:clamp(175px,47vw,260px)}.project-grid.is-filtered .poster strong{font-size:9.52vw}.project-grid.is-filtered .poster-cream strong{font-size:8.29vw}.project-grid.is-filtered .poster-asterisk{font-size:25.76vw}.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom{font-size:6px}.project-grid.is-filtered .ads-title{font-size:15.34vw}.project-grid.is-filtered .search-query{font-size:22px}.work-end{gap:12px;margin-top:45px}.work-end>.mono{font-size:9px;letter-spacing:.02em}.work-end .end-dot{height:3px;width:3px;margin-right:5px}.site-footer{padding-top:37px}.footer-top{align-items:flex-start;gap:20px}.footer-top>p{font-size:24px;letter-spacing:-.65px}.back-top{gap:10px}.back-top>span:first-child{font-size:9px;max-width:60px;line-height:1.6}.footer-arrow{width:41px;height:41px}.footer-arrow svg{width:16px;height:16px}.footer-wordmark{font-size:33.15vw;padding-top:38px;padding-bottom:25px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px;padding:20px 0}.footer-bottom>span:nth-child(2){display:none}.case-dialog{width:calc(100vw - 20px);max-height:95svh;border-radius:6px}.dialog-toolbar{padding:12px 17px}.dialog-eyebrow{font-size:10px}.dialog-close{width:30px;height:30px;font-size:30px}.case-visual{height:330px}.case-visual .tile-topline{left:17px;right:17px;top:17px;font-size:11px}.case-visual .product-tile-title{font-size:65px}.case-visual .web-mockup{width:84%;left:7%;top:16%}.case-visual .mock-web-photo{height:160px}.case-visual .phone-mockup{width:22%;height:55%;top:38%;right:8%}.case-visual .poster-row{left:9%;right:9%;width:82%;top:16%;height:73%}.case-visual .poster strong{font-size:37px;letter-spacing:-1.8px}.case-visual .poster-cream strong{font-size:32px}.case-visual .poster-top,.case-visual .poster-bottom{font-size:6px}.case-visual .poster-asterisk{font-size:87px;bottom:25px}.case-visual .ads-title{font-size:59px;top:20%;left:22px}.case-visual .search-card{width:70%;right:7%;bottom:18%;padding:13px}.case-visual .search-query{font-size:22px}.case-visual .search-card-label{font-size:7px}.case-visual .search-card-tags>span{font-size:7px}.case-visual .cursor-art{width:70px;height:91px;right:7%;bottom:12%}.case-content{padding:26px 22px}.case-content h2{font-size:38px;letter-spacing:-1.3px}.case-concept{font-size:10px;margin-bottom:14px}.case-description{font-size:20px;line-height:1.7}.case-details{grid-template-columns:1fr;gap:22px;margin-top:24px;padding-top:22px}.case-details h3{font-size:15px}.case-details p,.case-details ul{font-size:17px}.case-demo-note{font-size:14px}#next-project-title{font-size:21px}.next-project small{font-size:10px}.next-project .round-arrow{width:38px;height:38px}}
@media(max-width:350px){.site-header{gap:12px}.wordmark{font-size:32px}.wordmark>svg{width:19px;height:19px}.nav-work{font-size:14px}.nav-count{display:none}.hero h1{font-size:16.58vw}.hero-stage{height:365px}.hero-product{top:35px}.hero-social{width:120px;height:150px;top:185px}.hero-social strong{font-size:31px}.hero-social-star{font-size:65px}.hero-web{width:138px;bottom:25px}.mini-web-image{height:80px}.hero-ppc{top:88px;padding:8px;gap:5px}.hero-ppc b{font-size:15px}.rotating-stamp{width:74px;height:74px}.rotating-stamp>span{font-size:28px;left:25px;top:21px}.orbit-one,.orbit-two{width:250px;height:250px;left:20px}.filter-button{font-size:14px;padding:9px 10px}.work-heading h2{font-size:45px}.project h3{font-size:21px}.project-tags{font-size:12px}.mock-web-photo{height:145px}.mock-web-header{padding:7px 10px}.mock-web-photo>span{font-size:29px}.search-query{font-size:18px}.search-card{padding:11px}.ads-title{font-size:15.68vw}.poster strong{font-size:9.30vw}.case-visual{height:285px}.case-visual .poster strong{font-size:30px}.case-visual .poster-cream strong{font-size:28px}.case-visual .poster-asterisk{font-size:73px}.case-visual .ads-title{font-size:53px}.case-visual .search-query{font-size:18px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{animation:none!important;transition:none!important}}


/* Brighter palette and larger, readable type across the portfolio. */
:root{--paper:#ffffff;--ink:#262339;--muted:#686579;--line:#e3e1ec;--accent:#ff91c4;--sky:#dcecff;--coral:#ff947d}
body{font-size:18px}
.site-header{height:124px;gap:24px}
.header-nav{margin-left:20px}
.header-caption{font-size:14px;line-height:1.5}
.nav-work{font-size:18px}
.nav-count{font-size:14px}
.wordmark{font-size:42px}
.wordmark>svg{width:31px;height:31px}
.motion-button{width:44px;height:44px;flex-shrink:0}
.hero{min-height:760px;padding-top:55px;padding-bottom:110px;column-gap:12px}
.hero-content{min-width:0}
.hero h1{font-size:clamp(76px,8.1vw,126px)}
.hero h1 em{color:#6153bc}
.hero .eyebrow{font-size:14px;line-height:1.5}
.hero-description{font-size:22px;line-height:1.65;max-width:550px}
.discover-link{font-size:17px;gap:16px}
.round-arrow{width:56px;height:56px}
.round-arrow svg{width:23px;height:23px}
.hero-baseline{font-size:12px;gap:22px;line-height:1.5}
.hero-stage{height:550px;margin-left:0}
.hero-product{top:50px}
.mini-card-footer{font-size:12px;height:45px;gap:8px}
.mini-card-footer svg{width:17px;height:17px;flex-shrink:0}
.mini-number{font-size:13px}
.hero-social{width:190px;height:240px;top:282px}
.hero-social strong{font-size:42px}
.social-mini-label,.social-mini-footer{font-size:10px;line-height:1.4;letter-spacing:0}
.social-mini-label{margin-bottom:16px}
.hero-social-star{font-size:90px}
.hero-web{width:225px;bottom:40px}
.mini-browser-bar{height:27px;gap:4px}
.mini-browser-bar>span{font-size:11px}
.mini-web-image{height:135px}
.mini-web-image>span{font-size:26px}
.mini-web-dot{font-size:11px}
.hero-ppc{top:130px;right:-4px}
.hero-ppc>span{font-size:13px}
.hero-ppc b{font-size:25px}
.rotating-stamp>svg{font-size:12px;letter-spacing:1.4px}
.stage-coordinate{font-size:11px;line-height:1.5}
.coordinate-bottom{bottom:0}
.marquee{background:linear-gradient(110deg,#ded3ff 0%,#c9dfff 48%,#e8d6ff 100%);border-color:#c6c5ee;color:#29233e;padding:25px 0}
.marquee-group>span{font-size:22px}
.marquee-group svg{width:27px;height:27px}
.work-heading>p{font-size:19px;line-height:1.65;max-width:385px}
.work-heading h2{font-size:clamp(54px,5.6vw,86px)}
.section-topline>.eyebrow,.section-topline>.mono{font-size:14px}
.concept-note{font-size:13px;line-height:1.6;align-items:baseline}
.concept-note i{flex-shrink:0}
.filter-row{gap:10px;margin-top:12px}
.filter-button{font-size:16px;padding:13px 19px;line-height:1.4;white-space:normal}
.filter-button span{font-size:13px;opacity:.8}
.filter-button.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.project-caption{align-items:flex-start;padding-top:25px}
.project-category{font-size:13px;line-height:1.55}
.project h3{font-size:25px;line-height:1.3;letter-spacing:-.6px}
.project-tags{font-size:16px;line-height:1.7;margin-top:12px}
.caption-arrow{width:43px;height:43px}
.caption-arrow svg{width:19px;height:19px}
.tile-topline{font-size:11px;gap:14px;line-height:1.4}
.tile-topline>span:last-child{white-space:nowrap}
.product-tile-caption{font-size:12px;line-height:1.4}
.product-tile-title{bottom:68px}
.poster-row{left:3%;right:3%;top:19%;height:69%}
.poster{width:40%;padding:15px 9px}
.poster-top,.poster-bottom{font-size:9px;line-height:1.3;letter-spacing:0}
.poster-bottom{left:9px;right:5px}
.poster-lilac strong,.poster-black strong{margin-top:24px}
.poster-cream strong{bottom:48px}
.mock-browser{height:26px}
.mock-browser>span{font-size:10px}
.mock-web-header>span{font-size:10px;line-height:1.4;max-width:45%;text-align:right}
.mock-web-bottom{font-size:9px;gap:10px;line-height:1.4}
.mockup-caption,.social-scene-caption,.ads-bottomline{font-size:10px;line-height:1.4}
.phone-mockup{height:53%;top:37%}
.phone-mockup>b{font-size:14px}
.phone-mockup>span:not(.phone-island){font-size:15px}
.phone-mockup>i{font-size:8px}
.search-card{padding:18px;width:73%;bottom:18%}
.search-card-label{font-size:10px;gap:9px;line-height:1.4}
.search-query{font-size:25px;white-space:normal;gap:12px}
.search-query>svg{flex-shrink:0}
.search-card-tags{flex-wrap:wrap}
.search-card-tags>span{font-size:10px;padding:5px 8px}
.ads-title{top:19%}
.work-end>.mono{font-size:12px;line-height:1.5}
.work-end{gap:20px}
.footer-top>p{font-size:36px;line-height:1.2}
.back-top>span:first-child{font-size:13px;line-height:1.5}
.footer-bottom{font-size:12px;gap:22px;line-height:1.6}
.dialog-eyebrow{font-size:14px;line-height:1.5;min-width:0}
.dialog-toolbar{gap:20px}
.dialog-close{width:46px;height:46px;font-size:34px;flex-shrink:0}
.case-concept{font-size:13px;line-height:1.5}
.case-description{font-size:21px;line-height:1.7}
.case-details h3{font-size:16px;line-height:1.5}
.case-details p,.case-details ul{font-size:18px;line-height:1.8}
.case-demo-note{font-size:14px;line-height:1.7}
.next-project small{font-size:13px;line-height:1.5}
#next-project-title{font-size:23px;line-height:1.4}
.next-project{gap:20px}
.case-visual .tile-topline{font-size:12px}
.case-visual .poster-top,.case-visual .poster-bottom{font-size:10px}
.case-visual .search-card-label,.case-visual .search-card-tags>span{font-size:11px}
.case-visual .poster-row{width:77%;left:11.5%;right:11.5%}
.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom{font-size:10px}

@media(max-width:1150px){
 .header-caption{font-size:12px}.header-right{gap:16px}
 .hero{min-height:705px;padding-top:35px}.hero h1{font-size:8.1vw}
 .hero-stage{height:510px}.hero .eyebrow{font-size:12px}.hero-description{font-size:20px}
 .hero-social{width:165px;height:210px;top:265px}.hero-social strong{font-size:36px}
 .social-mini-label,.social-mini-footer{font-size:9px}.hero-social-star{font-size:80px}
 .hero-product{top:65px}.mini-card-footer{font-size:10px;height:40px}
 .hero-web{width:190px;bottom:34px}.mini-web-image{height:112px}
 .hero-ppc{top:139px;padding:10px}.hero-ppc>span{font-size:10px}.hero-ppc b{font-size:21px}
 .stage-coordinate{font-size:10px}.coordinate-top{top:6px}
 .project h3{font-size:23px}.project-tags{font-size:15px}.project-category{font-size:12px}
 .work-heading>p{font-size:17px;max-width:310px}.concept-note{font-size:12px}
 .filter-button{font-size:15px;padding:12px 17px}
 .tile-topline{font-size:10px!important;left:18px!important;right:18px!important}
 .mock-web-header>span{font-size:8px}.mock-web-header>b{font-size:20px}
 .mock-web-bottom{font-size:8px;padding:10px}.phone-mockup>b{font-size:12px}
 .phone-mockup>span:not(.phone-island){font-size:13px}.phone-mockup>i{font-size:7px}
 .poster-top,.poster-bottom{font-size:8px}.poster-cream strong{bottom:42px}
 .mockup-caption,.social-scene-caption,.ads-bottomline{font-size:9px}
 .search-card{padding:14px}.search-query{font-size:22px}.search-card-label{font-size:9px}
 .search-card-tags>span{font-size:9px;padding:4px 6px}.product-tile-caption{font-size:10px}
 .product-tile-title{bottom:57px}
}
@media(max-width:900px){
 .hero{column-gap:20px;min-height:650px;padding-bottom:105px}
 .hero h1{font-size:8.1vw}.hero-description{font-size:18px}
 .hero-stage{height:455px}.hero-social{width:145px;height:190px;top:230px}.hero-social strong{font-size:31px}
 .social-mini-label,.social-mini-footer{font-size:8px}.hero-product{top:60px}
 .mini-card-footer{font-size:9px;height:36px}.mini-number{font-size:11px}
 .hero-web{width:160px;bottom:30px}.mini-web-image{height:100px}.mini-browser-bar>span{font-size:10px}
 .hero-ppc{top:118px;gap:7px}.hero-ppc>span{font-size:9px}.hero-ppc b{font-size:19px}
 .rotating-stamp{width:84px;height:84px;top:0;right:0}.rotating-stamp>span{font-size:28px;top:24px;left:29px}
 .stage-coordinate{font-size:9px}.hero-baseline{font-size:10px}
 .hero .eyebrow{font-size:11px}.discover-link{font-size:16px}.round-arrow{width:50px;height:50px}
 .work-heading{gap:30px}.work-heading h2{font-size:55px}.work-heading>p{font-size:17px;max-width:260px}
 .work-end>.mono{font-size:11px}.footer-top>p{font-size:31px}.back-top>span:first-child{font-size:11px}
 .project-grid{grid-template-columns:1fr;row-gap:45px}
 .project:nth-child(n){margin-top:0}.project-visual,.project:nth-child(even) .project-visual{aspect-ratio:1.5}
 .project-caption{padding-top:22px}.project h3{font-size:26px}.project-category{font-size:13px}.project-tags{font-size:17px}
 .mock-web-photo{height:clamp(195px,33vw,290px)}.mock-web-photo>span{font-size:43px}
 .mock-web-header{padding:13px 17px}.mock-web-header>b{font-size:24px}.mock-web-header>span{font-size:11px}
 .mock-web-bottom{font-size:10px;padding:12px 17px}.web-mockup{top:13%;width:81%;left:7%}
 .phone-mockup{width:19%;height:58%;top:32%;right:9%;border-radius:17px}
 .phone-mockup>b{font-size:18px;margin:0 10px 9px}.phone-mockup>span:not(.phone-island){font-size:20px;margin:9px}
 .phone-mockup>i{font-size:10px;margin:9px}.phone-island{margin-bottom:8px}
 .poster strong{font-size:5.7vw}.poster-black strong{font-size:5.6vw}.poster-cream strong{font-size:5.3vw}
 .poster-asterisk{font-size:13vw;bottom:30px}.poster-top,.poster-bottom{font-size:10px}
 .poster-row{height:70%;top:18%}.poster{padding:15px 12px}.poster-bottom{left:12px}
 .mockup-caption,.social-scene-caption,.ads-bottomline{font-size:11px}
 .search-card{width:65%;padding:18px}.search-query{font-size:28px}.search-card-label{font-size:11px}
 .search-card-tags>span{font-size:11px;padding:6px 10px}.ads-title{font-size:9vw}
 .cursor-art{width:92px;height:120px}.product-tile-title{font-size:86px;bottom:65px;left:25px}
 .product-tile-caption{font-size:12px;left:28px;bottom:26px}.tile-topline{font-size:12px!important;top:24px!important;left:25px!important;right:25px!important}
 .case-description{font-size:20px}.case-details{gap:30px}.case-content h2{font-size:45px}
 .footer-bottom{font-size:11px;flex-wrap:wrap}.project-grid.is-filtered .project-visual{aspect-ratio:1.5}
}
@media(max-width:620px){
 .site-header{height:96px;gap:12px}.wordmark{font-size:36px;gap:8px}.wordmark>svg{width:27px;height:27px}
 .header-nav{margin-left:auto}.nav-work{font-size:15px;gap:6px}.nav-count{display:none}
 .header-right{gap:0}.motion-button{width:40px;height:40px}
 .hero{display:flex;min-height:0;padding-top:34px;padding-bottom:80px;gap:0}
 .hero h1{font-size:16.5vw;letter-spacing:-.075em;margin-bottom:26px}
 .hero .eyebrow{font-size:12px;margin-bottom:28px}.hero-description{font-size:19px;line-height:1.65;max-width:100%;margin-bottom:27px}
 .discover-link{font-size:16px;gap:13px}.round-arrow{width:51px;height:51px}.link-line{display:none}
 .hero-stage{height:490px;max-width:420px;margin-top:45px}
 .hero-product{width:66%;left:22%;top:48px}.mini-label{font-size:37px}.mini-number{font-size:12px}
 .mini-card-footer{font-size:10px;height:40px}
 .hero-social{width:170px;height:213px;top:245px;padding:12px}.hero-social strong{font-size:36px}
 .social-mini-label,.social-mini-footer{font-size:9px}.social-mini-label{margin-bottom:17px}
 .social-mini-footer{left:12px;bottom:12px}.hero-social-star{font-size:82px}
 .hero-web{width:185px;bottom:38px;right:-2px}.mini-web-image{height:111px}
 .mini-browser-bar{height:25px}.mini-browser-bar>span{font-size:10px}.mini-web-image>span{font-size:24px}
 .hero-ppc{top:130px;right:-2px;gap:8px;padding:11px}.hero-ppc>span{font-size:10px}.hero-ppc b{font-size:20px}
 .hero-ppc svg{width:23px;height:23px}.stage-coordinate.coordinate-top{font-size:9px;left:7px}
 .coordinate-bottom{font-size:9px;right:0;bottom:0}.hero-baseline{font-size:9px;line-height:1.6;bottom:24px;gap:15px}
 .hero-baseline>span{max-width:50%}.hero-baseline>span:last-child{gap:8px;text-align:right}
 .marquee{padding:21px 0}.marquee-group>span{font-size:18px}.marquee-group svg{width:24px;height:24px}
 .work-section{padding-top:76px}.section-topline>.eyebrow,.section-topline>.mono{font-size:12px}
 .work-heading h2{font-size:54px}.work-heading>p{font-size:18px;max-width:100%;margin-top:25px}
 .concept-note{font-size:13px;line-height:1.6;margin-top:16px}
 .filter-row{gap:8px;margin-bottom:32px}.filter-button{font-size:15px;padding:12px 15px}.filter-button span{font-size:12px}
 .project-grid{gap:40px}.project-visual,.project:nth-child(even) .project-visual,.project-grid.is-filtered .project-visual{aspect-ratio:1.1}
 .project-caption{padding-top:22px;gap:12px}.project-category{font-size:12px;line-height:1.6}.project h3{font-size:23px;line-height:1.35}
 .project-tags{font-size:15px;line-height:1.8}.project-tags>span{margin:0 4px}.caption-arrow{width:38px;height:38px;margin-top:4px}
 .tile-topline{font-size:10px!important;left:18px!important;right:18px!important;top:18px!important}
 .product-tile-title{font-size:73px;left:20px;bottom:62px}.product-tile-caption{font-size:11px;left:22px;bottom:24px}
 .web-mockup{width:85%;left:6%;top:16%}.mock-browser{height:23px}.mock-browser>span{font-size:9px}
 .mock-web-header{padding:10px 12px}.mock-web-header>b{font-size:23px}.mock-web-header>span{font-size:8px}
 .mock-web-photo,.project-grid.is-filtered .mock-web-photo{height:clamp(140px,43vw,260px)}
 .mock-web-photo>span{font-size:31px;left:13px;bottom:15px}.mock-web-bottom{font-size:8px;padding:10px 12px}
 .phone-mockup{width:23%;height:52%;right:7%;top:38%;border-width:4px;border-radius:13px}
 .phone-mockup>b{font-size:12px;margin:0 6px 7px}.phone-mockup>span:not(.phone-island){font-size:13px;margin:7px}
 .phone-mockup>i{font-size:8px;margin:7px}.phone-island{margin-bottom:6px}
 .mockup-caption,.social-scene-caption,.ads-bottomline{font-size:9px;left:18px;bottom:18px}
 .poster-row{left:3%;right:3%;top:20%;height:67%}.poster{width:40%;padding:12px 9px}
 .poster-top,.poster-bottom,.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom{font-size:8px;letter-spacing:-.15px}
 .poster-bottom{left:9px;right:3px;bottom:11px}
 .poster strong,.project-grid.is-filtered .poster strong{font-size:9.5vw;letter-spacing:-2.4px}
 .poster-black strong{font-size:9.2vw}.poster-cream strong,.project-grid.is-filtered .poster-cream strong{font-size:8.2vw;bottom:42px}
 .poster-asterisk,.project-grid.is-filtered .poster-asterisk{font-size:23vw;bottom:34px;left:7px}
 .poster-lilac strong,.poster-black strong{margin-top:24px}
 .ads-title,.project-grid.is-filtered .ads-title{font-size:15.4vw;left:20px;top:20%}
 .search-card{width:75%;padding:13px;bottom:18%;right:7%}.search-query,.project-grid.is-filtered .search-query{font-size:22px;line-height:1.3}
 .search-card-label{font-size:9px;gap:7px}.search-card-tags>span{font-size:9px;padding:4px 6px}
 .search-symbol{width:8px;height:8px;flex-shrink:0}.cursor-art{width:77px;height:100px;bottom:10%}
 .work-end{gap:12px}.work-end>.mono{font-size:9px;letter-spacing:0}
 .footer-top>p{font-size:28px}.back-top{gap:13px}.back-top>span:first-child{font-size:10px;max-width:85px;line-height:1.5}
 .footer-arrow{width:49px;height:49px;flex-shrink:0}.footer-bottom{font-size:10px;gap:15px;line-height:1.6}
 .dialog-toolbar{padding:13px 17px;gap:14px}.dialog-eyebrow{font-size:12px}.dialog-close{width:44px;height:44px;font-size:32px}
 .case-content{padding:30px 23px}.case-content h2{font-size:37px;line-height:1.15}
 .case-concept{font-size:12px}.case-description{font-size:19px}.case-details{gap:26px}
 .case-details h3{font-size:15px}.case-details p,.case-details ul{font-size:17px;line-height:1.8}
 .case-demo-note{font-size:13px;line-height:1.8}.next-project small{font-size:12px}#next-project-title{font-size:21px}
 .next-project .round-arrow{width:48px;height:48px}.next-project{gap:15px}
 .case-visual{height:350px}.case-visual .tile-topline{font-size:10px}.case-visual .poster-row{width:94%;left:3%;right:3%;top:20%;height:68%}
 .case-visual .poster-top,.case-visual .poster-bottom{font-size:8px}
 .case-visual .poster strong{font-size:9.5vw}.case-visual .poster-cream strong{font-size:8.2vw}
 .case-visual .web-mockup{top:15%;width:85%;left:6%}.case-visual .phone-mockup{width:23%;height:52%}
 .case-visual .mock-web-photo{height:154px}.case-visual .ads-title{font-size:15.4vw}
 .case-visual .search-card{width:75%;padding:13px}.case-visual .search-query{font-size:22px}
 .case-visual .search-card-label,.case-visual .search-card-tags>span{font-size:9px}
}
@media(max-width:350px){
 .site-header{gap:8px}.wordmark{font-size:32px}.wordmark>svg{width:24px;height:24px}.nav-work{font-size:14px}
 .motion-button{width:38px;height:38px}.hero h1{font-size:16.5vw}.hero .eyebrow{font-size:11px}
 .hero-description{font-size:18px}.hero-stage{height:440px}.hero-product{top:50px}
 .hero-social{width:145px;height:187px;top:219px}.hero-social strong{font-size:31px}
 .social-mini-label,.social-mini-footer{font-size:8px}.hero-social-star{font-size:73px}
 .hero-web{width:160px;bottom:34px}.mini-web-image{height:95px}.mini-card-footer{font-size:9px}
 .hero-ppc{top:120px;padding:9px;gap:7px}.hero-ppc>span{font-size:9px}.hero-ppc b{font-size:18px}
 .rotating-stamp{width:76px;height:76px}.rotating-stamp>span{font-size:25px;left:26px;top:21px}
 .stage-coordinate.coordinate-top,.coordinate-bottom{font-size:8px}.hero-baseline{font-size:8px}
 .work-heading h2{font-size:48px}.filter-button{font-size:14px;padding:11px 13px}
 .project h3{font-size:21px}.project-category{font-size:11px}.project-tags{font-size:14px}
 .tile-topline{font-size:9px!important;left:15px!important;right:15px!important}.product-tile-caption{font-size:10px}
 .poster-top,.poster-bottom{font-size:7px}.search-card-label{font-size:8px}.search-card-tags>span{font-size:8px}
 .search-query,.project-grid.is-filtered .search-query{font-size:20px}.mock-web-header>b{font-size:20px}
 .mock-web-header>span{font-size:7px}.mock-web-bottom{font-size:7px}.mock-web-photo>span{font-size:28px}
 .phone-mockup>span:not(.phone-island){font-size:12px}.phone-mockup>i{font-size:7px}
 .footer-top{gap:15px}.footer-top>p{font-size:24px}.back-top>span:first-child{font-size:9px;max-width:65px}
 .footer-arrow{width:43px;height:43px}.work-end>.mono{font-size:8px}
 .case-content h2{font-size:34px}.case-visual{height:310px}.case-visual .search-query{font-size:20px}
}

/* Larger type also inside the decorative project previews. */
.mini-card-footer{font-size:12px}
.mini-browser-bar>span,.mock-browser>span{font-size:12px}
.social-mini-label,.social-mini-footer{font-size:11px}
.poster-top,.poster-bottom,.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom,.case-visual .poster-top,.case-visual .poster-bottom{font-size:11px}
.phone-mockup{height:58%;top:35%}
.phone-mockup>img{height:42%}
.phone-mockup>b{font-size:16px}
.phone-mockup>span:not(.phone-island){font-size:17px;line-height:1.1}
.phone-mockup>i{font-size:18px;line-height:1}
@media(max-width:1150px){
 .mock-web-header>span,.mock-web-bottom{font-size:10px}
 .social-mini-label,.social-mini-footer{font-size:10px}
 .mini-card-footer,.mini-browser-bar>span,.mock-browser>span{font-size:11px}
 .phone-mockup>b{font-size:14px}.phone-mockup>span:not(.phone-island){font-size:15px}
}
@media(max-width:620px){
 .mini-card-footer,.mini-browser-bar>span,.mock-browser>span{font-size:11px}
 .social-mini-label,.social-mini-footer{font-size:11px}
 .poster-top,.poster-bottom,.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom,.case-visual .poster-top,.case-visual .poster-bottom{font-size:11px;letter-spacing:-.2px}
 .mock-web-header>span,.mock-web-bottom{font-size:10px}
 .phone-mockup,.case-visual .phone-mockup{height:58%;top:35%}
 .phone-mockup>b{font-size:14px}.phone-mockup>span:not(.phone-island){font-size:15px}
 .phone-mockup>i{font-size:17px}.phone-mockup>img{height:42%}
 .search-card-label,.case-visual .search-card-label{font-size:10px}
 .search-card-tags>span,.case-visual .search-card-tags>span{font-size:10px}
 .ads-visual{aspect-ratio:.82!important}
 .footer-top{flex-direction:column;align-items:stretch;gap:25px}.back-top{align-self:flex-end}
}
@media(max-width:350px){
 .social-mini-label,.social-mini-footer{font-size:10px}
 .mini-card-footer{font-size:10px}
 .poster-top,.poster-bottom,.case-visual .poster-top,.case-visual .poster-bottom,.project-grid.is-filtered .poster-top,.project-grid.is-filtered .poster-bottom{font-size:10px}
 .phone-mockup>b{font-size:13px}.phone-mockup>span:not(.phone-island){font-size:14px}
 .mock-web-header>span,.mock-web-bottom{font-size:9px}
}

/* Creative motion layer: light, depth and tactile feedback. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:4% 0 8% 35%;background:radial-gradient(ellipse at 65% 35%,#c6b8ff70,transparent 58%),radial-gradient(ellipse at 35% 70%,#ffbdca60,transparent 56%);filter:blur(28px);border-radius:50%}
html[data-motion=on] .hero::before{animation:auroraDrift 12s ease-in-out infinite alternate}
html[data-motion=on] .hero h1 em{background:linear-gradient(105deg,#6153bc 15%,#e25087 45%,#6153bc 75%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:inkFlow 8s ease-in-out infinite alternate}
.project-visual{isolation:isolate;transition:transform .65s var(--ease),box-shadow .65s var(--ease)}
.project-visual::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff60,transparent 50%);opacity:0;transition:opacity .4s}
@media(hover:hover) and (pointer:fine){
 html[data-motion=on] .project-visual{transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px))}
 html[data-motion=on] .project-visual:hover{--card-lift:-7px;box-shadow:0 28px 50px -25px #51446e70}
 html[data-motion=on] .project-visual:hover::after{opacity:.65}
 html[data-motion=on] .magnetic-target{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .45s var(--ease)}
}
html[data-motion=on] .effect-ripple{position:absolute;width:28px;height:28px;border:1px solid #ffffffd9;border-radius:50%;z-index:5;pointer-events:none;translate:-50% -50%;animation:touchWave .8s ease-out forwards}
html[data-motion=on] .case-dialog[open]{animation:caseArrive .55s var(--ease) both}
html[data-motion=on] .case-dialog[open]::backdrop{animation:veilArrive .4s ease-out both}
html[data-motion=on] .case-content.is-transitioning{animation:contentArrive .45s var(--ease) both}
html[data-motion=on] .project.reveal{transition-delay:var(--reveal-delay,0ms)}
html[data-motion=on] .baseline-arrow{display:inline-block;animation:scrollNudge 1.8s ease-in-out infinite}
html[data-motion=on] .wordmark:hover>svg{transform:rotate(180deg);transition:transform .7s var(--ease)}
html[data-motion=off] .effect-ripple{display:none}
@keyframes auroraDrift{from{transform:translate(-3%,-3%) scale(.9)}to{transform:translate(4%,5%) scale(1.08)}}
@keyframes inkFlow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes touchWave{from{transform:scale(1);opacity:.9}to{transform:scale(22);opacity:0}}
@keyframes caseArrive{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}
@keyframes veilArrive{from{opacity:0}to{opacity:1}}
@keyframes contentArrive{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes scrollNudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}

/* A quieter editorial hierarchy, without decorative microcopy. */
:root{font-family:Arial,Helvetica,sans-serif;--ink:#282629;--muted:#656267}
.hero h1,.work-heading h2,.footer-top>p,.case-content h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.08}
.hero h1{font-size:clamp(72px,7.7vw,116px);white-space:normal}
.hero h1 em,.work-heading h2 em,.footer-top em{font-family:inherit;font-style:normal;letter-spacing:inherit;color:inherit}
html[data-motion=on] .hero h1 em{background:none;color:inherit;animation:none;-webkit-text-fill-color:currentColor}
.hero-description{font-size:22px;line-height:1.6;max-width:450px;color:var(--muted)}
.hero{padding-bottom:75px;min-height:700px}
.hero-stage{margin-top:0}
.hero-product{padding-bottom:7px}
.hero-social strong{margin-top:18px}
.mono,.eyebrow,.project-category,.dialog-eyebrow,.footer-bottom,.back-top>span:first-child{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.work-heading{align-items:flex-end;gap:36px;margin-bottom:36px}
.work-heading h2{font-size:clamp(48px,5.4vw,78px);max-width:650px}
.work-heading>p{font-size:19px;line-height:1.6;max-width:270px;margin-bottom:5px}
.work-section{padding-top:95px}
.project-category{font-size:17px;line-height:1.5;margin-bottom:10px;color:var(--muted)}
.project h3{font-size:27px;line-height:1.3;letter-spacing:-.65px;font-weight:500}
.project-caption{padding-top:25px}
.project-grid{row-gap:70px}
.filter-button{font-size:17px;letter-spacing:0}
.footer-bottom{font-size:16px}
.back-top>span:first-child{font-size:16px;max-width:none}
.dialog-eyebrow{font-size:17px;letter-spacing:0}
.case-demo-note{font-size:16px;line-height:1.65}
.next-project small{font-size:16px;letter-spacing:0}
.site-footer{margin-top:85px}
.footer-top>p{font-size:42px}
@media(max-width:900px){
 .hero{min-height:610px}.hero h1{font-size:7.8vw}.hero-description{font-size:20px}
 .project h3{font-size:26px}.work-heading h2{font-size:54px}
}
@media(max-width:620px){
 .hero{min-height:0;padding-bottom:45px}.hero h1{font-size:16vw;line-height:1.06}
 .hero-description{font-size:20px;max-width:100%}.hero-stage{margin-top:35px}
 .hero-social strong{margin-top:18px}.work-section{padding-top:65px}
 .work-heading{gap:0;margin-bottom:28px}.work-heading h2{font-size:49px}
 .work-heading>p{font-size:18px;margin-top:20px;max-width:100%}
 .project-category{font-size:16px}.project h3{font-size:25px}
 .project-grid{row-gap:45px}.filter-button{font-size:16px}
 .footer-top>p{font-size:36px}.footer-bottom{font-size:16px}
 .back-top>span:first-child{font-size:16px;max-width:none}
 .case-content h2{font-size:38px}.dialog-eyebrow{font-size:16px}
 .case-demo-note,.next-project small{font-size:16px}
}

/* User-supplied CREMA imagery in the animated hero; keep both compositions intact. */
.hero-product.hero-coffee-web{width:78%;left:13%;background:#fff}
.hero-coffee-web .hero-product-image{aspect-ratio:4/3}
.hero-coffee-web .hero-product-image img{width:100%;height:100%;object-fit:contain}
.hero-social.hero-coffee-social{width:52%;height:auto;aspect-ratio:auto;padding:6px;background:#fff;border:1px solid #e4e2ed;overflow:hidden}
.hero-coffee-social>img{display:block;width:100%;height:auto;object-fit:contain}

/* Complete product collage in the lower-right animated hero card. */
.hero-pillow>.pillow-image{display:block;width:100%;height:auto;object-fit:contain}

/* Individual portfolio destinations and their project galleries. */
.portfolio-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
.portfolio-nav>a{font-size:16px;line-height:1.45;padding:12px 18px;border:1px solid var(--line);border-radius:30px;background:#fff;transition:background .25s,transform .35s var(--ease)}
.portfolio-nav>a:hover{background:#f3eaff;transform:translateY(-2px)}
.portfolio-nav>a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.portfolio-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.portfolio-directory-card{display:block;min-width:0;transition:transform .55s var(--ease)}
.portfolio-directory-card:hover{transform:translateY(-6px)}
.directory-visual{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#edf4ff}
.directory-visual>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .85s var(--ease)}
.portfolio-directory-card:hover .directory-visual>img{transform:scale(1.025)}
.directory-open{position:absolute;bottom:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;background:#ffffffed;border-radius:50%;color:var(--ink);transition:background .25s,transform .45s var(--ease)}
.directory-open>svg{width:20px;height:20px}
.portfolio-directory-card:hover .directory-open{background:var(--accent);transform:rotate(45deg)}
.directory-copy{display:block;padding-top:20px}
.directory-status{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:8px}
.directory-copy h3{font-size:27px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}
.directory-description{display:block;font-size:17px;line-height:1.65;color:var(--muted)}
.directory-link{display:flex;gap:12px;align-items:center;font-size:16px;margin-top:18px}
.directory-link>span{font-size:22px}
.category-symbol{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:#ede5ff;color:#45357d;padding:25px}
.category-symbol>b{position:relative;z-index:2;font-size:clamp(72px,7vw,112px);font-weight:500;line-height:1;letter-spacing:-7px}
.category-symbol>span:not(.spin-orbit){position:relative;z-index:2;font-size:23px;line-height:1.4;margin-top:10px;letter-spacing:-.5px}
.plus-symbol{background:#f2e7ff}
.plus-symbol>i{position:absolute;bottom:-10px;right:-15px;width:58%;height:52px;border:1px solid #b8a1df;transform:rotate(-24deg);border-radius:7px}
.plus-symbol>i:nth-last-child(2){bottom:42px;right:-34px}.plus-symbol>i:last-child{bottom:94px;right:-53px}
.spin-symbol{background:#dceeff;color:#275384}
.spin-orbit{position:absolute;width:78%;height:55%;border:2px solid #7fadd9;border-radius:50%;transform:rotate(-28deg)}
.spin-orbit:after{content:"";position:absolute;top:5px;right:18%;width:17px;height:17px;border-radius:50%;background:#ff85b7;box-shadow:0 0 0 8px #ff85b724}
.ads-symbol{align-items:flex-start;background:#302548;color:#ffb1d3}
.ads-symbol>b{font-size:clamp(47px,4.6vw,75px);letter-spacing:-3px;line-height:.96}
.ads-symbol>svg{position:absolute;right:25px;bottom:25px;width:40px;height:40px}
.portfolio-heading{padding-top:48px;padding-bottom:40px}
.portfolio-back{display:inline-block;font-size:17px;line-height:1.5;margin-bottom:32px;color:var(--muted)}
.portfolio-back:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(65px,7vw,108px);line-height:1.06;letter-spacing:-.055em;white-space:normal;margin:0 0 24px;max-width:1100px}
.portfolio-heading>p{font-size:22px;line-height:1.65;color:var(--muted);max-width:720px;margin:0 0 35px}
.portfolio-heading .portfolio-nav{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:0}
.portfolio-gallery{padding-bottom:50px;scroll-margin-top:25px}
.portfolio-gallery-top{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:30px}
.portfolio-gallery-top>h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;letter-spacing:-1.5px;font-weight:400}
.portfolio-gallery-top>p{font-size:16px;color:var(--muted);line-height:1.5;margin:0}
.portfolio-page .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.portfolio-page .project-grid.single-project{grid-template-columns:minmax(0,1000px)}
.portfolio-page .project:nth-child(n){margin-top:0}
.portfolio-page .project-visual{aspect-ratio:4/3;background:#fff}
.portfolio-art{display:block;aspect-ratio:4/3;background:#fff}
.portfolio-art>img{display:block;width:100%;height:100%;object-fit:contain}
.case-visual:has(.portfolio-art){height:auto}
.case-visual .portfolio-art{height:auto;aspect-ratio:4/3}
.case-visual .portfolio-art>img{height:auto}
.case-original{display:inline-block;font-size:17px;line-height:1.6;margin-top:28px;text-decoration:underline;text-underline-offset:5px}
.case-original:hover{color:#754b9e}
.portfolio-empty{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:40px;border:1px solid var(--line);border-radius:9px;background:#fff}
.portfolio-empty>.category-symbol{aspect-ratio:4/3;height:auto;min-height:260px;border-radius:6px}
.empty-status{font-size:16px;color:#73627e;margin:0 0 16px;line-height:1.5}
.portfolio-empty h2{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.15;letter-spacing:-1.7px;margin:0 0 20px;font-weight:400}
.portfolio-empty h2+p{font-size:20px;line-height:1.75;color:var(--muted);max-width:550px}
.empty-link{display:inline-block;font-size:18px;line-height:1.6;margin-top:12px;text-decoration:underline;text-underline-offset:6px}
@media(max-width:1100px){.portfolio-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.category-symbol>b{font-size:100px}.ads-symbol>b{font-size:65px}.portfolio-empty{gap:35px;padding:30px}}
@media(max-width:760px){.portfolio-page .project-grid{grid-template-columns:1fr}.portfolio-empty{grid-template-columns:1fr;gap:30px}.portfolio-empty>.category-symbol{max-width:420px;min-height:0}.portfolio-heading>p{font-size:20px}.portfolio-gallery-top>h2{font-size:34px}}
@media(max-width:620px){.portfolio-directory{grid-template-columns:1fr;gap:38px}.portfolio-nav{gap:8px;margin-bottom:30px}.portfolio-nav>a{font-size:15px;padding:11px 15px}.directory-copy h3{font-size:27px}.directory-description{font-size:18px}.directory-status{font-size:15px}.directory-link{font-size:17px}.category-symbol>b{font-size:100px}.ads-symbol>b{font-size:64px}.portfolio-heading{padding-top:30px;padding-bottom:30px}.portfolio-back{font-size:16px;margin-bottom:28px}.portfolio-heading h1{font-size:57px;line-height:1.08}.portfolio-heading>p{font-size:20px;line-height:1.65}.portfolio-gallery-top{gap:15px;align-items:flex-start}.portfolio-gallery-top>h2{font-size:32px;line-height:1.1}.portfolio-gallery-top>p{font-size:15px;white-space:nowrap}.portfolio-gallery{padding-bottom:20px}.portfolio-page .project-grid{gap:35px}.portfolio-page .project h3{font-size:25px}.portfolio-empty{padding:22px;gap:26px}.portfolio-empty h2{font-size:35px}.portfolio-empty h2+p{font-size:18px}.empty-status{font-size:15px}.empty-link{font-size:17px}.case-original{font-size:17px}.directory-open{width:45px;height:45px}}
@media(max-width:350px){.portfolio-heading h1{font-size:49px}.portfolio-nav>a{font-size:14px;padding:10px 13px}.directory-copy h3{font-size:25px}.portfolio-gallery-top>h2{font-size:29px}}

/* Product-image series: main image left, four supporting images right. */
.product-series-page .project-grid{grid-template-columns:minmax(0,1fr);gap:65px}
.product-series-page .product-series{scroll-margin-top:30px}
.product-series-page .product-series .project-visual{aspect-ratio:2/1;background:#fff;border-radius:7px}
.product-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:2/1;width:100%;height:100%;background:#fff}
.mosaic-cell{display:block;min-width:0;min-height:0;overflow:hidden;border:1px solid #e8e5ee;border-radius:6px;background:#fff}
.mosaic-main{grid-column:1;grid-row:1 / span 2}
.mosaic-cell>img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.mosaic-cell:not(.mosaic-main){transition:border-color .25s}
.mosaic-cell:hover{border-color:#b7a1d5}
.series-summary{font-size:17px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.series-picker{display:flex;align-items:center;gap:20px;margin:0 0 35px}
.series-picker>label{font-size:17px;line-height:1.5;white-space:nowrap}
.series-picker>select{font:inherit;font-size:17px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 40px 14px 15px;max-width:100%;width:440px}
.series-picker>select:focus-visible{outline:2px solid #775bb1;outline-offset:3px}
.product-series-page #bestehende-collage .project-visual{aspect-ratio:4/3;max-width:1000px}
.case-visual.has-image-gallery{height:auto;background:#fff;overflow:visible}
.case-image-gallery{width:100%;background:#fff;padding-bottom:18px}
.case-gallery-stage{height:min(65svh,650px);width:100%;background:#fff}
.case-gallery-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.case-gallery-navigation{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px 20px 10px}
.case-gallery-navigation>button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;font-size:25px;line-height:1;flex-shrink:0;transition:background .2s,color .2s}
.case-gallery-navigation>button:hover{background:var(--accent);color:var(--ink)}
.case-gallery-status{font-size:16px;line-height:1.5;text-align:center;margin:0;min-width:240px}
.case-gallery-thumbnails{display:grid;grid-template-columns:repeat(var(--gallery-columns,5),minmax(0,1fr));gap:10px;max-width:500px;margin:0 auto;padding:0 20px}
.case-gallery-thumbnails>button{aspect-ratio:1;padding:3px;border:2px solid #e3dfec;border-radius:6px;background:#fff;overflow:hidden}
.case-gallery-thumbnails>button[aria-pressed=true]{border-color:#a14d8b;box-shadow:0 0 0 2px #ff91c438}
.case-gallery-thumbnails>button>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.product-mosaic{gap:7px}.mosaic-cell{border-radius:4px}.series-picker{align-items:flex-start;flex-direction:column;gap:12px}.series-picker>select{width:100%}.product-series-page .project-grid{gap:45px}}
@media(max-width:620px){.product-mosaic{gap:5px}.product-series-page .product-series .project-visual{aspect-ratio:2/1;border-radius:4px}.series-summary{font-size:16px}.series-picker>label,.series-picker>select{font-size:16px}.case-gallery-stage{height:min(56svh,420px)}.case-gallery-navigation{gap:12px;padding:12px 14px}.case-gallery-navigation>button{width:44px;height:44px;font-size:24px}.case-gallery-status{font-size:14px;min-width:0;flex:1}.case-gallery-thumbnails{gap:7px;padding:0 15px}.case-gallery-thumbnails>button{padding:2px}.case-image-gallery{padding-bottom:16px}.product-series-page .project-category{font-size:15px}.product-series-page .project h3{font-size:25px}.product-series-page .project-caption{padding-top:19px}}

/* Complete A+ layouts: compact previews, uncropped detail views. */
.aplus-intro{font-size:20px;line-height:1.65;color:var(--muted);margin:0 0 32px}
.aplus-preview{aspect-ratio:4/3;background:#fff}
.aplus-preview>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.aplus-open{position:absolute;bottom:18px;left:18px;right:18px;padding:14px 18px;border-radius:8px;background:#fff;color:var(--ink);font-size:18px;line-height:1.4;box-shadow:0 4px 24px #25213c20}
.aplus-page .project h3{font-size:29px}.aplus-page .project-category{font-size:16px}.aplus-page .project-tags{font-size:18px}
.case-visual.has-long-content{height:auto;overflow:visible;background:#fff}
.aplus-full-layout{margin:0;width:100%;height:auto}
.aplus-full-layout figcaption{padding:22px 28px;font-size:20px;line-height:1.6;background:#f1eaff;color:var(--ink)}
.aplus-full-layout>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:620px){.aplus-open{font-size:17px;padding:12px;left:12px;right:12px;bottom:12px}.aplus-page .project h3{font-size:26px}.aplus-full-layout figcaption{font-size:18px;padding:18px 20px}}

.marquee-orbit{display:block;flex-shrink:0;overflow:visible}

/* Product renderings retain their full composition and transparency. */
.render-page .render-preview{background:#f7f6fc}
.render-page .render-preview>img{object-fit:contain;padding:18px}
.render-page .project h3{font-size:29px}.render-page .project-category{font-size:16px}.render-page .project-tags{font-size:18px}
.case-visual.has-render{height:auto;background:#f7f6fc;overflow:visible}
.render-full{display:block;width:100%;height:min(68svh,720px);object-fit:contain;padding:24px}
@media(max-width:620px){.render-page .project h3{font-size:26px}.render-page .render-preview>img{padding:12px}.render-full{height:min(57svh,520px);padding:16px}}

/* Website concepts: one lead view with three selectable detail previews. */
.web-preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.web-preview-strip>button{display:block;padding:0;aspect-ratio:4/3;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:5px;min-width:0;transition:transform .25s}
.web-preview-strip>button:hover{transform:translateY(-3px)}
.web-preview-strip img{display:block;width:100%;height:100%;object-fit:contain}
.websites-page .project h3{font-size:28px}.websites-page .project-category{font-size:16px}
@media(max-width:620px){.websites-page .project h3{font-size:25px}.web-preview-strip{gap:7px;margin-top:9px}}

/* White surfaces for the selected product covers and dispenser rendering. */
.category-produktbilder .directory-visual,.category-360-grad .directory-visual,
.render-page .project[data-id="render-04"] .render-preview,
.case-visual.has-render.has-white-background{background:#fff}

/* Glass hero inspired by the supplied reference. */
.home-glass{position:relative;isolation:isolate;background:#fff}
.home-glass::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:980px;background:#fff url('/assets/hero-silk.svg') center top/cover no-repeat;pointer-events:none}
.home-glass .site-header{height:112px;position:relative;z-index:5;border-bottom:1px solid #30294036}
.home-glass .wordmark{font-family:Georgia,'Times New Roman',serif;font-size:44px;font-weight:600;letter-spacing:-2.8px;gap:0}
.home-glass .wordmark>svg{display:none}.home-glass .logo-dot{color:#f36d65}
.home-glass .header-nav{margin-left:auto;padding:15px 25px;border:1px solid #fff;border-radius:40px;background:#ffffff65;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff,0 8px 28px #8c65c511}
.home-glass .nav-work{font-size:19px}.home-glass .nav-dot{display:none}
.home-glass .hero.glass-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:18px;min-height:735px;padding-top:45px;padding-bottom:92px;position:relative;align-items:center;overflow:visible}
.glass-hero .glass-copy{position:relative;z-index:3;padding-top:0;max-width:650px}
.glass-eyebrow{font-size:19px;line-height:1.6;letter-spacing:.07em;margin:0 0 24px}
.home-glass .hero.glass-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(62px,6.3vw,98px);font-weight:750;line-height:1.02;letter-spacing:-.07em;margin:0;white-space:nowrap}
.glass-hero h1 .title-line{display:block;overflow:visible;padding-bottom:5px}.glass-dot{color:#f97862}
.home-glass .hero.glass-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.08em;letter-spacing:-.065em;background:linear-gradient(110deg,#ff8057 2%,#ed4799 60%,#9275dc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#c754aa;font-style:italic;animation:none}
.glass-underline{display:block;width:91%;height:32px;margin:2px 0 27px;overflow:visible}
.glass-hero .hero-description{font-size:clamp(20px,1.5vw,24px);line-height:1.65;color:#332b40;max-width:590px;margin:0 0 30px}
.glass-cta{display:inline-flex;align-items:center;gap:27px;padding:10px 12px 10px 29px;border:1px solid #ffffffcf;border-radius:99px;background:linear-gradient(115deg,#ffab72 0%,#f65b9c 50%,#a15cd9 100%);box-shadow:0 12px 27px #db73a744,inset 0 2px 2px #ffffff9c,inset 0 -3px 6px #91459c40;color:#fff;font-size:21px;font-weight:600;line-height:1.4;text-decoration:none;transition:box-shadow .3s,translate .3s}
.glass-cta:hover{translate:0 -3px;box-shadow:0 16px 35px #db73a766}.glass-cta-arrow{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#ffffff3d;font-size:30px}
.glass-hero .hero-stage.glass-stage{height:590px;width:100%;position:relative;margin:0;min-width:0;z-index:2;perspective:1400px}
.glass-stage .stage-canvas{position:relative;width:100%;height:100%;inset:auto;transform:rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,0deg));transition:transform .65s ease-out}
.glass-card{--card-angle:-9deg;display:block;position:absolute;width:68%;padding:12px 12px 15px;border:1.5px solid #fff;border-radius:27px;background:linear-gradient(135deg,#ffffffbd,#ffffff38);backdrop-filter:blur(20px);box-shadow:0 27px 45px -20px #82599763,inset 0 2px 0 #fff,inset 0 -1px 12px #fff6;transform:rotate(var(--card-angle));text-decoration:none;color:#211e2a;transition:box-shadow .35s,border-color .35s}
.glass-card-product{left:0;top:35px;z-index:1}.glass-card-web{--card-angle:9deg;right:-2%;bottom:32px;z-index:2;width:76%}
.glass-card:hover{border-color:#bba3ef;box-shadow:0 32px 50px -18px #805e9b80}
.glass-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px 12px;font-size:13px;line-height:1.5;letter-spacing:.02em}
.glass-card-top>span:last-child{font-size:24px;line-height:1}
.glass-artwork{display:block;overflow:hidden;border-radius:17px;background:#fff;aspect-ratio:4/3}
.glass-artwork img{display:block;width:100%;height:100%;object-fit:contain;transition:scale .65s}.glass-card:hover img{scale:1.025}
.glass-card-caption{display:block;padding:13px 9px 0;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:23px;line-height:1.3}
.glass-sticker{position:absolute;z-index:4;right:0;top:210px;transform:rotate(8deg);padding:11px 18px;border-radius:28px;border:1px solid #fff;background:#ffffffb0;box-shadow:0 10px 22px #9e6d9726;backdrop-filter:blur(15px);font-family:Georgia,serif;font-style:italic;font-size:21px;white-space:nowrap;pointer-events:none}
.glass-orb{position:absolute;z-index:4;width:82px;height:82px;border-radius:50%;pointer-events:none;border:1px solid #fff;background:radial-gradient(circle at 30% 22%,#fff 0 4%,#ffffffaa 8%,#ffffff05 30%),radial-gradient(circle at 72% 75%,#ffbc9570 0,#e59af77a 36%,#b3d9ff44 58%,#ffffffb8 75%,#f48eb966 84%,#fff 99%);box-shadow:inset 3px 3px 10px #fff, inset -5px -5px 14px #c787dd55,0 17px 25px -10px #ac75bc50;backdrop-filter:blur(3px)}
.glass-orb-one{top:0;left:3%;width:75px;height:75px}.glass-orb-two{bottom:-4px;right:4%}
.glass-orbit-line{position:absolute;left:-8%;top:17%;width:110%;height:71%;border:1px solid #ffffffbf;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.glass-scroll{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:17px;line-height:1.5;white-space:nowrap}.glass-scroll>span{font-size:29px}
html[data-motion=on] .glass-card-product{animation:glassCardFloat 7s ease-in-out infinite}html[data-motion=on] .glass-card-web{animation:glassCardFloat 8s ease-in-out -3s infinite}html[data-motion=on] .glass-orb{animation:glassOrbFloat 6s ease-in-out infinite}html[data-motion=on] .glass-orb-two{animation-delay:-3s}
@keyframes glassCardFloat{0%,100%{transform:translateY(0) rotate(var(--card-angle))}50%{transform:translateY(-12px) rotate(calc(var(--card-angle) + 1deg))}}
@keyframes glassOrbFloat{0%,100%{translate:0 0}50%{translate:0 -17px}}
@media(min-width:1600px){.home-glass .hero.glass-hero{min-height:790px}.glass-hero .hero-stage.glass-stage{height:650px}.glass-card-web{bottom:50px}.glass-sticker{top:240px}}
@media(max-width:1100px){.home-glass .hero.glass-hero{grid-template-columns:1fr 1fr;min-height:650px;padding-top:45px;gap:8px}.home-glass .hero.glass-hero h1{font-size:6.45vw}.glass-eyebrow{font-size:16px;letter-spacing:.03em}.glass-hero .hero-description{font-size:20px}.glass-hero .hero-stage.glass-stage{height:490px}.glass-card{width:76%;padding:9px;border-radius:20px}.glass-card-web{width:83%;bottom:42px}.glass-card-top{font-size:11px;padding:4px 5px 8px}.glass-card-caption{font-size:19px;padding:11px 5px 4px}.glass-sticker{top:175px;font-size:17px;right:-2%;padding:9px 14px}.glass-orb{width:62px;height:62px}.glass-orb-one{width:58px;height:58px}.glass-cta{font-size:19px;padding-left:23px;gap:20px}}
@media(max-width:760px){.home-glass::before{height:1150px;background-position:60% top}.home-glass .site-header{height:90px;gap:15px}.home-glass .wordmark{font-size:37px}.home-glass .header-nav{padding:11px 16px}.home-glass .nav-work{font-size:16px}.home-glass .header-right{gap:0}.home-glass .hero.glass-hero{grid-template-columns:1fr;gap:25px;padding-top:46px;padding-bottom:80px;min-height:0}.glass-hero .glass-copy{max-width:640px}.home-glass .hero.glass-hero h1{font-size:clamp(57px,11.7vw,85px);line-height:1.03}.glass-eyebrow{font-size:16px;letter-spacing:.025em;margin-bottom:19px}.glass-underline{width:80%;height:26px;margin-bottom:20px}.glass-hero .hero-description{font-size:20px;max-width:540px;margin-bottom:24px}.glass-cta{font-size:19px;padding:8px 10px 8px 23px}.glass-cta-arrow{width:43px;height:43px}.glass-hero .hero-stage.glass-stage{height:clamp(390px,86vw,560px);max-width:620px;margin:0 auto}.glass-card{width:65%;left:3%;top:29px}.glass-card-web{width:71%;left:auto;right:0;top:auto;bottom:25px}.glass-card-caption{font-size:22px}.glass-card-top{font-size:12px}.glass-sticker{top:43%;right:0;font-size:18px}.glass-orb-one{left:3%;top:0}.glass-orb-two{right:4%;bottom:-4px}.glass-scroll{font-size:16px;bottom:12px}.glass-scroll>span{font-size:25px}}
@media(max-width:400px){.home-glass .site-header{gap:9px}.home-glass .wordmark{font-size:33px}.home-glass .header-nav{padding:10px 12px}.home-glass .nav-work{font-size:14px}.home-glass .hero.glass-hero{padding-top:37px;gap:24px}.home-glass .hero.glass-hero h1{font-size:11.8vw}.glass-eyebrow{font-size:14px}.glass-hero .hero-description{font-size:19px}.glass-hero .hero-stage.glass-stage{height:355px}.glass-card-caption{font-size:18px}.glass-card-top{font-size:10px}.glass-artwork{border-radius:12px}.glass-sticker{font-size:16px;top:42%;padding:8px 12px}.glass-orb{width:52px;height:52px}.glass-card{padding:8px}}
/* Give the two portfolio artworks room to remain recognizable. */
@media(min-width:1101px){.home-glass .hero.glass-hero{min-height:800px}.glass-hero .hero-stage.glass-stage{height:650px}.glass-card-product{top:20px}.glass-card-web{bottom:0}.glass-sticker{top:255px}}
@media(max-width:760px){.glass-hero .hero-stage.glass-stage{height:clamp(440px,100vw,650px)}}
@media(max-width:400px){.glass-hero .hero-stage.glass-stage{height:420px}}

/* Six portfolio categories in the supplied glass-card direction. */
.home-glass .glass-portfolio{position:relative;isolation:isolate;padding-top:88px;padding-bottom:100px;scroll-margin-top:0}
.glass-portfolio::before{content:"";position:absolute;z-index:-2;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 94% 10%,#d7c8ffb8,transparent 49%),radial-gradient(ellipse at 75% 62%,#ffc3ddc9,transparent 58%),radial-gradient(ellipse at 12% 83%,#d9c8ffbd,transparent 55%),radial-gradient(ellipse at 50% 93%,#ffd4c985,transparent 51%),linear-gradient(#fff 0%,#fff8fc 70%,#fff 100%);pointer-events:none}
.glass-portfolio::after{content:"";position:absolute;z-index:-1;right:-10%;bottom:4%;width:110%;height:66%;border:1px solid #ffffffc4;border-radius:50%;transform:rotate(-17deg);pointer-events:none}
.glass-portfolio .work-heading{display:block;margin:0 0 29px}
.glass-portfolio .portfolio-kicker{position:relative;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.23em;text-transform:uppercase;color:#201d28;padding:0 0 13px;margin:0 0 20px;line-height:1.4}
.portfolio-kicker::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff936b,#ee69ad,#a181e7)}
.home-glass .glass-portfolio h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(43px,4.8vw,74px);font-weight:750;line-height:1.08;letter-spacing:-.065em;margin:0 0 18px}
.home-glass .glass-portfolio h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;font-size:1.13em;background:linear-gradient(105deg,#ff885e,#e44e9c 58%,#9d70c9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#cf599c;position:relative;white-space:nowrap}
.home-glass .glass-portfolio h2 em::after{content:"";position:absolute;left:3%;right:5%;bottom:-7px;height:9px;border-top:3px solid #f795b3;border-radius:50%;transform:rotate(-3deg)}
.glass-portfolio .work-heading>.portfolio-introduction{font-size:21px;line-height:1.6;color:#3c3346;margin:0;padding:0;max-width:900px}
.glass-portfolio .portfolio-nav{margin:0 0 30px;padding:0;border:0;gap:9px}
.glass-portfolio .portfolio-nav>a{font-size:15px;line-height:1.4;border:1px solid #fff;background:#ffffff75;box-shadow:inset 0 1px 0 #fff,0 5px 16px #9f78c30b;backdrop-filter:blur(12px);padding:11px 17px;border-radius:30px}
.glass-portfolio .portfolio-nav>a:hover{background:#fff;color:#6d4994;transform:translateY(-2px)}
.glass-portfolio .portfolio-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;align-items:stretch}
.glass-portfolio .portfolio-directory-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:10px;border:1px solid #fffffff5;border-radius:21px;background:linear-gradient(135deg,#ffffffa6,#ffffff68);box-shadow:inset 0 1px 0 #fff,0 15px 35px -23px #815e9d55;backdrop-filter:blur(15px);transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}
.glass-portfolio .portfolio-directory-card:hover{transform:translateY(-7px);box-shadow:inset 0 1px 0 #fff,0 24px 40px -22px #96649c70;border-color:#e5d8ff}
.glass-portfolio .directory-visual{aspect-ratio:4/3;border-radius:13px;background:#fff;width:100%;flex-shrink:0}
.glass-portfolio .directory-visual>img{object-fit:contain}
.glass-portfolio .directory-copy{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;padding:17px 58px 11px 10px;min-height:107px}
.glass-portfolio .directory-copy h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;line-height:1.23;letter-spacing:-.65px;margin:0 0 7px}
.glass-portfolio .directory-status{font-size:16px;line-height:1.5;color:#5e526b;margin:0}
.glass-portfolio .directory-open{position:absolute;right:19px;bottom:23px;width:43px;height:43px;border-radius:50%;border:1px solid #fff;background:#ffffffc7;color:#2d2536;box-shadow:0 5px 14px #a77b9926;display:grid;place-items:center;transition:transform .45s var(--ease),background .3s;opacity:1;transform:none}
.glass-portfolio .directory-open svg{width:23px;height:23px}
.glass-portfolio .portfolio-directory-card:hover .directory-open{background:#fff;transform:translate(2px,-2px)}
.glass-portfolio .ads-symbol>b{font-size:clamp(35px,4vw,61px)}
@media(max-width:1100px){.glass-portfolio .portfolio-directory{gap:22px 18px}.glass-portfolio .directory-copy{padding-left:5px;padding-right:49px;min-height:109px}.glass-portfolio .directory-copy h3{font-size:22px}.glass-portfolio .directory-open{width:38px;height:38px;right:15px;bottom:24px}.glass-portfolio .directory-status{font-size:15px}}
@media(max-width:900px){.glass-portfolio .portfolio-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.home-glass .glass-portfolio{padding-top:65px;padding-bottom:75px}.glass-portfolio .directory-copy h3{font-size:24px}.glass-portfolio .work-heading>.portfolio-introduction{font-size:20px}.glass-portfolio .ads-symbol>b{font-size:60px}}
@media(max-width:620px){.glass-portfolio .portfolio-directory{grid-template-columns:1fr;gap:24px}.home-glass .glass-portfolio{padding-top:56px;padding-bottom:65px}.home-glass .glass-portfolio h2{font-size:clamp(40px,9vw,55px);line-height:1.12;max-width:500px;margin-bottom:23px}.glass-portfolio .portfolio-kicker{font-size:13px;margin-bottom:18px}.glass-portfolio .work-heading>.portfolio-introduction{font-size:19px;line-height:1.65}.glass-portfolio .portfolio-nav{gap:7px;margin-bottom:25px}.glass-portfolio .portfolio-nav>a{font-size:14px;padding:10px 13px}.glass-portfolio .portfolio-directory-card{padding:9px;border-radius:19px}.glass-portfolio .directory-copy{min-height:103px;padding:16px 60px 12px 10px}.glass-portfolio .directory-copy h3{font-size:25px}.glass-portfolio .directory-status{font-size:16px}.glass-portfolio .directory-open{width:43px;height:43px;right:19px;bottom:25px}.glass-portfolio .ads-symbol>b{font-size:65px}}

/* Personal introduction, with an honest portrait placeholder until supplied. */
.home-glass .about-section{position:relative;isolation:isolate;padding-top:90px;padding-bottom:90px;scroll-margin-top:20px}
.about-section::before{content:"";position:absolute;z-index:-2;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 14% 34%,#ffd0dcc9,transparent 53%),radial-gradient(ellipse at 91% 94%,#d5c2ffc9,transparent 46%),radial-gradient(ellipse at 28% 90%,#f9d6f1a8,transparent 52%),linear-gradient(#fff,#fff8fc 64%,#fff);pointer-events:none}
.about-section::after{content:"";position:absolute;z-index:-1;left:-5%;top:5%;width:105%;height:85%;border:1px solid #ffffffc9;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.about-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.about-art{position:relative;min-width:0;aspect-ratio:.91;max-width:530px;width:100%;margin:auto}
.about-portrait-frame,.about-frame-back{position:absolute;display:block;left:12%;top:5%;width:76%;height:80%;border:2px solid #fff;border-radius:27px;background:linear-gradient(135deg,#ffffffb5,#ffffff38);box-shadow:inset 0 2px 0 #fff,0 27px 40px -24px #b96c9d70;transform:rotate(-6deg);backdrop-filter:blur(12px)}
.about-frame-back{left:19%;top:11%;transform:rotate(9deg);background:linear-gradient(135deg,#ffd5e296,#e1d1ff70);border-width:1px}
.about-portrait-frame{padding:13px}
.about-portrait-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-radius:17px;text-align:center;background:radial-gradient(ellipse at 22% 18%,#ffe2d1,transparent 70%),linear-gradient(135deg,#ffd1df,#e4d0ff);color:#765b83}
.about-portrait-placeholder>svg{width:97px;height:97px;color:#fff;filter:drop-shadow(0 3px 7px #c996c540)}
.about-portrait-placeholder>span{font-family:Georgia,serif;font-size:27px;line-height:1.35;font-style:italic}
.about-tag{position:absolute;right:4%;top:1%;padding:14px 25px;border:1px solid #fff;border-radius:35px;background:#ffffff9c;backdrop-filter:blur(15px);transform:rotate(8deg);box-shadow:0 12px 25px #bb77a633;font-family:Georgia,serif;font-style:italic;font-size:26px;line-height:1.3}
.about-intro-card{position:absolute;left:0;bottom:0;max-width:87%;padding:23px 29px;background:linear-gradient(125deg,#fff,#fff3fc);border:1px solid #fff;box-shadow:0 18px 30px -15px #b86a9260;transform:rotate(-9deg);border-radius:4px}
.about-intro-card>span{font-family:Georgia,serif;font-size:23px;line-height:1.4}.about-intro-card strong{display:block;font-family:Georgia,serif;font-size:35px;line-height:1.06;font-style:italic;font-weight:400;letter-spacing:-1px;background:linear-gradient(110deg,#f47b60,#df589e 60%,#aa79d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:6px}
.about-orbit{position:absolute;left:2%;top:12%;width:62px;height:62px;border:8px solid #ffffffa3;border-radius:50%;box-shadow:0 5px 15px #d48ebc33,inset 0 3px 6px #fff;background:linear-gradient(135deg,#f9b6ca70,#c7bdff80)}
.about-kicker{position:relative;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding-bottom:14px;margin:0 0 29px}
.about-kicker::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#ff8b63,#eb59a1,#a179da)}
.home-glass .about-section h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,4.1vw,63px);font-weight:750;line-height:1.1;letter-spacing:-.065em;margin:0 0 29px}
.about-dot{color:#f77a64}.home-glass .about-section h2 em{font-family:Georgia,serif;font-size:1.13em;font-weight:400;letter-spacing:-.065em;background:linear-gradient(110deg,#ff855e,#e74998 60%,#9a6ed0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#cf5c9d;white-space:nowrap}
.about-text p{font-size:21px;line-height:1.7;color:#393141;margin:0 0 15px;max-width:690px}
.about-skills{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:29px 0 31px;padding:0}
.about-skills>li{display:flex;align-items:center;gap:10px;background:#ffffff8c;border:1px solid #fff;border-radius:22px;padding:12px 17px;box-shadow:0 7px 20px #c981ad16;backdrop-filter:blur(10px);font-size:16px;line-height:1.5}
.about-skills svg{width:29px;height:29px;flex-shrink:0;color:#df649e}
.about-cta{font-size:19px;gap:20px}.about-cta .glass-cta-arrow{width:43px;height:43px}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;list-style:none;padding:0;margin:72px 0 0}
.about-values>li{display:flex;gap:21px;align-items:center;min-width:0;padding:25px 24px;border:1px solid #fff;border-radius:20px;background:linear-gradient(135deg,#ffffffb0,#ffffff55);box-shadow:inset 0 1px 0 #fff,0 13px 30px -23px #b378a244;backdrop-filter:blur(15px)}
.about-value-icon{display:grid;place-items:center;width:73px;height:73px;flex-shrink:0;border:1px solid #fff;border-radius:50%;background:linear-gradient(135deg,#fff9,#fff4);color:#e97899}
.about-value-icon svg{width:41px;height:41px}.about-values>li:nth-child(2) .about-value-icon{color:#de599e}.about-values>li:nth-child(3) .about-value-icon{color:#a373ce}
.about-values h3{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.6px;margin:0 0 5px}.about-values p{font-size:18px;line-height:1.5;margin:0;color:#45364e}
.home-glass .header-nav{display:flex;align-items:center;gap:24px}.home-glass .nav-about{font-size:19px;line-height:1.4}.home-glass .nav-about:hover{text-decoration:underline;text-underline-offset:5px}
html[data-motion=on] .about-orbit{animation:glassOrbFloat 7s ease-in-out infinite}
@media(max-width:1100px){.about-main{gap:40px;grid-template-columns:.8fr 1.2fr}.home-glass .about-section h2{font-size:4.4vw}.about-text p{font-size:20px}.about-intro-card{padding:18px 23px}.about-intro-card strong{font-size:29px}.about-tag{font-size:22px;padding:12px 20px}.about-skills{gap:9px}.about-skills>li{padding:10px 13px;font-size:15px}.about-values{gap:17px}.about-values>li{padding:21px 17px;gap:13px}.about-value-icon{width:57px;height:57px}.about-value-icon svg{width:33px;height:33px}.about-values h3{font-size:21px}.about-values p{font-size:17px}}
@media(max-width:850px){.about-main{grid-template-columns:1fr;gap:45px}.about-art{max-width:460px;order:2}.about-copy{order:1}.home-glass .about-section h2{font-size:clamp(41px,6.5vw,58px)}.about-text p{max-width:720px}.about-values{margin-top:60px;grid-template-columns:1fr;gap:15px}.about-values>li{padding:22px;gap:21px}.about-value-icon{width:65px;height:65px}.about-values h3{font-size:23px}.about-values p{font-size:19px}.home-glass .about-section{padding-top:65px;padding-bottom:70px}}
@media(max-width:620px){.home-glass .about-section{padding-top:50px;padding-bottom:60px}.about-kicker{font-size:13px;margin-bottom:23px}.home-glass .about-section h2{font-size:clamp(37px,8.3vw,49px);margin-bottom:24px}.about-text p{font-size:19px;line-height:1.7}.about-skills{gap:9px;margin:25px 0 28px}.about-skills>li{font-size:15px;padding:10px 12px;gap:8px}.about-skills svg{width:25px;height:25px}.about-cta{font-size:17px;padding-left:22px;gap:15px}.about-art{max-width:390px;margin-top:4px}.about-intro-card strong{font-size:30px}.about-intro-card>span{font-size:21px}.about-intro-card{padding:19px 24px}.about-portrait-placeholder>svg{width:78px;height:78px}.about-portrait-placeholder>span{font-size:24px}.about-tag{font-size:23px}.about-orbit{width:51px;height:51px;border-width:6px}.about-values{margin-top:50px}.about-values>li{padding:19px;gap:17px}.about-values p{font-size:18px}.home-glass .header-nav{padding:10px 14px;gap:13px}.home-glass .nav-about{font-size:15px}.home-glass .nav-work{font-size:15px}}
@media(max-width:400px){.home-glass .header-nav{gap:10px;padding:10px 11px}.home-glass .nav-work{font-size:13px}.home-glass .nav-about{font-size:13px}.home-glass .site-header{gap:9px}.about-intro-card strong{font-size:26px}.about-tag{font-size:20px}.about-portrait-placeholder>span{font-size:22px}.about-values h3{font-size:22px}.about-values p{font-size:17px}}
@media(max-width:620px){.home-glass .site-header{gap:10px}.home-glass .header-nav{gap:10px;padding:10px 12px}}
@media(max-width:360px){.home-glass .site-header{gap:6px}.home-glass .wordmark{font-size:30px}.home-glass .header-nav{gap:8px;padding:9px}.home-glass .nav-work,.home-glass .nav-about{font-size:12px}.home-glass .motion-button{width:36px;height:36px}}

.about-portrait-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;border-radius:17px;background:#fff}

/* Otilia's personal introduction and language ratings. */
.about-text .about-greeting{font-weight:600;color:#2e2337}
.about-languages{margin-top:48px;padding-top:31px;border-top:1px solid #ffffffda}
.languages-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:23px}
.languages-heading h3{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin:0}
.languages-heading>p{font-size:17px;line-height:1.5;color:#65546f;margin:0}
.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.language-card{padding:24px 23px;border:1px solid #fff;border-radius:19px;background:linear-gradient(135deg,#ffffffb0,#ffffff65);box-shadow:0 12px 25px -20px #a278bd70;backdrop-filter:blur(14px);min-width:0}
.language-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:21px}
.language-card h4{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0}
.language-score{font-size:26px;font-weight:600;letter-spacing:-.5px;color:#8d5fb0;white-space:nowrap}.language-score>span{font-size:15px;font-weight:400;color:#6a5777}
.language-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.language-scale>span{display:block;height:9px;border-radius:7px;background:#e7def0}.language-scale>.is-filled{background:linear-gradient(110deg,#f293b6,#b18ada)}
@media(max-width:1000px){.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-card{padding:24px}.about-main{align-items:center}}
@media(max-width:620px){.about-languages{margin-top:36px;padding-top:26px}.languages-heading{display:block;margin-bottom:20px}.languages-heading h3{font-size:31px;margin-bottom:9px}.languages-heading>p{font-size:16px}.language-grid{gap:14px}.language-card{padding:18px 15px}.language-card-top{gap:8px;margin-bottom:18px}.language-card h4{font-size:18px}.language-score{font-size:23px}.language-score>span{font-size:13px}.language-scale{gap:3px}.language-scale>span{height:8px}}
@media(max-width:360px){.language-grid{grid-template-columns:1fr}.language-card h4{font-size:21px}}
@media(max-width:620px){.language-card-top{flex-wrap:wrap;row-gap:3px}}

/* Neue Sicht: supplied chrome-and-pink identity across all pages. */
.site-header .brand-wordmark{display:flex;align-items:center;flex:0 0 auto;width:250px;max-width:43vw;padding:0;font-size:0;letter-spacing:0;line-height:1;gap:0}
.site-header .brand-wordmark>img{display:block;width:100%;height:auto;object-fit:contain;transition:filter .3s}
.site-header .brand-wordmark:hover>img{filter:drop-shadow(0 3px 7px #ee53b52b)}
.site-header .header-nav{margin-left:auto}
.footer-wordmark.brand-footer{display:block;font-size:0;line-height:1;letter-spacing:0;padding-top:45px;padding-bottom:30px}
.brand-footer>a{display:block;max-width:1040px;margin:auto}
.brand-footer img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:1000px){.site-header .brand-wordmark{width:210px}}
@media(max-width:760px){.site-header,.home-glass .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:112px;gap:12px;padding-top:17px;padding-bottom:14px;align-items:center}.site-header .brand-wordmark{grid-column:1;grid-row:1;width:205px;max-width:68vw}.site-header .header-right{grid-column:2;grid-row:1;justify-self:end}.site-header .header-nav,.home-glass .header-nav{grid-column:1/-1;grid-row:2;justify-self:end;margin:0;padding:10px 18px}.footer-wordmark.brand-footer{padding-top:32px;padding-bottom:22px}}
@media(max-width:400px){.site-header .brand-wordmark{width:185px}.site-header .header-nav,.home-glass .header-nav{padding:9px 14px}.footer-wordmark.brand-footer{padding-top:27px}}

/* Four clear service priorities in the opening section. */
.glass-hero .hero-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 23px;list-style:none;margin:0 0 29px;padding:0;max-width:590px}
.hero-services>li{min-width:0}
.hero-services a{display:block;padding:13px 0 0;border-top:1px solid #bfa6ce70;text-decoration:none;color:#332b40;transition:border-color .25s,color .25s}
.hero-services strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.35px;margin-bottom:5px}
.hero-services strong>span{font-size:19px;color:#ab70b9;transition:translate .25s}
.hero-services a>span{display:block;font-size:17px;line-height:1.55;color:#5b4d65}
.hero-services a:hover{border-color:#d867af;color:#98579f}.hero-services a:hover strong>span{translate:2px -2px}
.glass-hero .hero-description{margin-bottom:21px}
.home-glass .hero.glass-hero{padding-top:48px;padding-bottom:100px}
@media(max-width:1100px){.hero-services strong{font-size:18px}.hero-services a>span{font-size:16px}.glass-hero .hero-services{gap:15px 18px}.home-glass .hero.glass-hero{align-items:center}}
@media(max-width:760px){.glass-hero .hero-services{max-width:590px;gap:20px;margin-bottom:28px}.hero-services strong{font-size:19px}.hero-services a>span{font-size:17px}.home-glass .hero.glass-hero{padding-top:39px;padding-bottom:83px}}
@media(max-width:360px){.glass-hero .hero-services{grid-template-columns:1fr;gap:16px}}

/* Social-media posters: full portrait composition in cards and details. */
.social-page .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.social-page .social-project .project-visual,.social-page .social-art{aspect-ratio:4/5;height:auto;background:#fff}
.social-page .social-art>img{display:block;width:100%;height:100%;object-fit:contain}
.case-visual:has(.social-art){height:auto;background:#fff}
.case-visual .social-art{height:auto;aspect-ratio:auto}
.case-visual .social-art>img{display:block;width:100%;height:auto;object-fit:contain}
.social-page .project h3{font-size:25px}.social-page .project-category{font-size:14px;line-height:1.6}
.social-more-heading{margin-top:70px}
@media(max-width:1000px){.social-page .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px}}
@media(max-width:620px){.social-page .social-grid{grid-template-columns:1fr;gap:36px}.social-page .project h3{font-size:25px}.social-more-heading{margin-top:48px}}

/* Instagram contact in the shared footer. */
.footer-instagram{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:inherit;text-decoration:none;font-size:16px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.footer-instagram svg{width:23px;height:23px;flex:none}
.footer-instagram:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
.footer-instagram:focus-visible{outline:3px solid #edb9ff;outline-offset:4px}