@font-face{font-family:'A2Z';src:url('/fonts/A2Z-1Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-2ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-3Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-4Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-5Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-6SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-7Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-8ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:optional;}
@font-face{font-family:'A2Z';src:url('/fonts/A2Z-9Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:optional;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}


:root{--paper:#fbfaf7;--ink:#302c35;--muted:#716b76;--purple:#c3add0;--pale:#e8dfff;--pink:#ffd1dc;--line:#e3dfe5;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'A2Z',sans-serif;font-size:16px;line-height:1.8;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79558e;outline-offset:5px}button{border:0}a:hover{color:#765886}[hidden]{display:none!important}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;line-height:1.1;font-size:25px;font-weight:900;letter-spacing:-1.4px}.logo span{font-weight:500}.logo small{grid-column:1/3;font-size:10px;letter-spacing:3.5px;font-weight:500;margin-top:9px}.header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}.header [aria-current=page]{color:#78588b}.nav-contact{border:1px solid var(--ink);padding:10px 21px;border-radius:30px}.nav-contact span{margin-left:20px}.menu{display:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;margin:0 0 24px}.line{display:inline-block;width:26px;height:2px;background:#856493;margin-right:10px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;padding-top:76px;padding-bottom:105px;min-height:690px}.hero h1{font-size:clamp(40px,4.3vw,61px);font-weight:700;line-height:1.35;letter-spacing:-3.1px;margin:0 0 25px}.highlight{background:var(--pale);box-shadow:8px 0 var(--pale),-2px 0 var(--pale)}.lead{font-size:17px;color:#6a6470;line-height:1.95}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--ink);color:white;padding:14px 24px;border:1px solid var(--ink);border-radius:8px;font-size:14px;font-weight:500;min-height:50px}.button:hover{background:#5d4967;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:#c9c2ce}.button.secondary:hover{background:var(--pale)}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.hero-visual{position:relative;background:#e9e1ee;border-radius:48% 48% 12px 12px;padding:82px 20px 92px 24px;min-width:0;margin-top:15px}.visual-label{position:absolute;top:36px;left:0;text-align:center;width:100%;font-size:9px;letter-spacing:1.6px;color:#766680}.browser{background:#fcfaf9;border:1px solid #d6cedd;border-radius:9px;overflow:hidden;text-align:left;box-shadow:0 12px 24px #35273b09}.hero-browser{transform:rotate(-4deg);width:105%;position:relative;left:-35px;box-shadow:0 20px 40px #4936571a}.browserbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #ded7e2;font-size:8px;color:#9b8ba4;background:#fff}.browserbar>span:first-child{letter-spacing:3px}.mockbody{padding:22px 25px 16px}.mocknav{display:flex;justify-content:space-between;align-items:center;font-size:8px}.mocknav b{font-size:16px;letter-spacing:1px}.mocknav>span{font-size:6px;letter-spacing:1px}.mockprofile{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;align-items:center;padding:32px 0 24px}.mockprofile small,.event-type>small{font-size:7px;letter-spacing:1px}.mockprofile h3{font-size:23px;line-height:1.45;letter-spacing:-1.1px;margin:14px 0}.mockprofile p{font-size:8px;color:#7d7181;line-height:1.9}.mockpill{display:inline-block;border-radius:30px;background:#c8b6d1;padding:6px 12px;font-size:7px;margin-top:10px}.orbital{position:relative;aspect-ratio:0.85;border-radius:100px 100px 6px 6px;background:#d5c9dd;display:grid;place-items:center;overflow:hidden}.orbital span{font-family:'A2Z',sans-serif;font-size:48px;font-style:italic;color:#6b5878;transform:rotate(-12deg);z-index:1}.orbital:before,.orbital:after{content:'';position:absolute;width:160%;height:46%;border:1px solid #f4edf8;border-radius:50%;transform:rotate(-36deg)}.orbital:after{transform:rotate(40deg);width:130%;height:60%}.orbital i{position:absolute;right:15%;top:20%;width:12px;height:12px;border-radius:50%;background:#f7e1e8}.mockbottom{border-top:1px solid #dfd6e4;display:flex;justify-content:space-between;padding-top:12px;font-size:6px;letter-spacing:1px}.mini-event{position:absolute;right:-6px;bottom:37px;transform:rotate(5deg);background:#f8dbdf;padding:25px 30px;width:60%;box-shadow:0 10px 25px #3c253a12}.mini-event small{font-size:7px;letter-spacing:1.4px}.mini-event strong{font-size:23px;letter-spacing:-1px;display:block;margin:12px 0 22px}.mini-event>span{font-size:8px;letter-spacing:2px}.visual-foot{position:absolute;bottom:10px;left:24px;font-size:9px;color:#786783}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:8px;padding-bottom:8px}.intro-strip span{font-size:10px;letter-spacing:1.5px;color:#85748b}.intro-strip p{font-size:14px}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.section-head .eyebrow{margin-bottom:13px}h2{font-size:34px;line-height:1.45;letter-spacing:-1.4px;margin:0 0 20px;font-weight:600}.section-head h2{margin:0}.section-head>p{font-size:14px;color:var(--muted);margin:0}.textlink{font-size:13px;border-bottom:1px solid #b8aabc;padding-bottom:6px;display:inline-block}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.service{padding:12px 30px 0;border-right:1px solid var(--line)}.service:first-child{padding-left:0}.service:last-child{padding-right:0;border:0}.service-number{color:#9a83aa;font-size:13px}.service h3{font-size:28px;font-weight:500;letter-spacing:-1px;margin:22px 0 5px}.service h4{font-size:16px;margin:0;font-weight:500}.service p{font-size:14px;color:var(--muted);margin:16px 0 35px;min-height:76px}.service-bottom{font-size:12px;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}.works-section{background:#f0ecf3}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-image{width:100%;display:block;padding:37px;background:#e1d7e9;border-radius:12px}.work:nth-child(2) .work-image{background:#eedde0}.work-image .browser{transition:transform .25s}.work-image:hover .browser{transform:translateY(-5px)}.workmeta{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}.tag{display:inline-block;padding:2px 9px;border:1px solid #beb1c5;border-radius:30px;font-size:10px;margin-left:8px}.work h3{margin:9px 0 0;font-size:22px;font-weight:500;letter-spacing:-.7px}.textbutton{background:none;padding:0;text-align:left;font:inherit}.work>p{font-size:10px;letter-spacing:1.1px;color:var(--muted);margin-top:8px}.small{font-size:12px}.muted{color:var(--muted)}.works-section>.wrap>.small{margin-top:30px}.event .mockbody{background:#f9e8e8;color:#643f4c}.event-type{text-align:center;padding:14px 0 22px}.event-type h3{font-size:32px;line-height:1.35;margin:15px 0;font-weight:500}.event-type h3 em{font-style:normal}.event-type p{font-size:8px}.countdown{font-family:'A2Z',sans-serif;font-size:21px;margin:16px 0 0}.countdown small{font-family:'A2Z',sans-serif;font-size:6px;letter-spacing:1px}.event .mockbottom{border-color:#dfc9cf}.process{display:grid;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;margin:40px 0 0;gap:20px}.process li{border-top:1px solid #cfc3d5;padding-top:23px}.process li>span{font-family:'A2Z',sans-serif;font-size:28px;color:#9c80ab}.process h3{font-size:16px;font-weight:500;margin:15px 0 8px}.process p{font-size:12px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:22px 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#9873aa}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--muted);padding:0 24px 15px 0;margin-top:0}.cta{background:var(--pale);border-radius:16px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;margin-top:30px;margin-bottom:90px;max-width:1184px}.cta .eyebrow{font-size:10px;margin-bottom:18px}.cta h2{font-size:36px;margin:0}.cta .button{background:#3b3042}footer{border-top:1px solid var(--line);padding-top:45px!important;padding-bottom:26px!important;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}.footerlogo{font-size:20px;font-weight:800;letter-spacing:-.7px}footer p{font-size:12px;color:var(--muted)}footer>div:nth-child(2){display:flex;gap:26px;font-size:12px;align-items:flex-start}.copyright{width:100%;font-size:10px;margin-top:25px;letter-spacing:1px}.page-heading{padding:80px 0 65px;max-width:900px}.page-heading h1{font-size:46px;letter-spacing:-2px;line-height:1.45;margin:0 0 24px}.page-heading>p:last-child{color:var(--muted)}.service-jump{display:flex;gap:35px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:28px}.service-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.service-detail h2{font-size:38px}.service-detail h3{font-weight:500;font-size:20px}.service-detail p{color:var(--muted);font-size:15px}.service-detail .button{margin-top:20px}.service-detail dl{margin:0;display:grid;grid-template-columns:140px 1fr;gap:22px;font-size:14px}.service-detail dt{font-weight:600}.service-detail dd{margin:0;color:var(--muted)}.service-detail ul{font-size:14px;margin:30px 0}.notice{padding:20px;background:#f0eaf4;border-radius:8px;font-size:13px!important}.filters,.view-controls{display:flex;flex-wrap:wrap;gap:10px}.filters button,.view-controls button{padding:10px 20px;border:1px solid #d4cbd9;border-radius:30px;background:transparent;font-size:14px}.filters [aria-pressed=true],.view-controls [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.portfolio-grid{margin-top:28px}.rights{margin:65px 0 90px;padding-top:30px;border-top:1px solid var(--line);max-width:850px}.rights h3{font-size:20px;font-weight:500}.rights p{font-size:14px;color:var(--muted)}.empty{padding:60px 0}.about-statement{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center;background:#ece4f0;border-radius:15px;padding:65px}.about-statement>span{font-size:62px;letter-spacing:-3px;line-height:1.1;font-weight:800;color:#91739f}.about-statement h2{font-size:28px}.about-statement p{font-size:15px;color:#655b6c}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:80px 0}.values h3{font-size:23px;font-weight:500}.values p:not(.eyebrow){font-size:15px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;margin-bottom:40px}.contact-grid aside h2{font-size:29px}.contact-grid aside>p{color:var(--muted)}.contact-grid aside .notice{margin:30px 0}.contact-grid aside .notice p{margin-bottom:0}form{background:white;border:1px solid var(--line);padding:32px;border-radius:14px}.form-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.form-head h2{font-size:22px}.form-head span{font-size:12px;color:var(--muted)}label{display:block;font-size:14px;font-weight:500;margin-bottom:24px}label>span{font-size:12px;color:var(--muted)}input,select,textarea{display:block;width:100%;border:1px solid #d8d2dc;background:#fcfbfd;border-radius:7px;padding:13px 12px;margin-top:9px;font-size:14px;color:var(--ink);min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#817687;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form>.button{width:100%;margin-top:8px}form a{text-decoration:underline}#draft-area{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}#copy-status{font-size:13px}.prose{max-width:880px;padding-bottom:100px}.prose h2{font-size:24px;margin-top:45px}.prose p{color:var(--muted)}dialog{width:min(930px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:15px;padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#21182999}.close{position:absolute;right:15px;top:10px;background:transparent;font-size:28px;width:44px;height:44px}.modal-open{overflow:hidden}dialog .eyebrow{margin-top:12px;padding-right:25px}dialog .tag{margin-left:0}.view-controls{margin:25px 0 15px}.preview-stage{background:#e6dfea;padding:16px;display:flex;justify-content:center;overflow:hidden}.preview-stage iframe{width:100%;height:440px;border:0;background:var(--paper)}.preview-stage.mobile-preview iframe{width:375px;max-width:100%;height:540px}.sample-banner{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:13px;background:#eee5f3}.sample-full{padding-top:40px;padding-bottom:80px}.sample-full>.browser{max-width:1000px;margin:auto}.sample-full .mockbody{padding:40px 60px}.sample-full .mocknav{font-size:16px}.sample-full .mocknav b{font-size:28px}.sample-full .mocknav>span{font-size:12px}.sample-full .mockprofile{gap:50px;padding:65px 0}.sample-full .mockprofile h3{font-size:46px}.sample-full .mockprofile small{font-size:12px}.sample-full .mockprofile p{font-size:16px}.sample-full .mockpill{font-size:12px}.sample-full .orbital span{font-size:90px}.sample-full .mockbottom{font-size:11px}.sample-full .event-type{padding:50px 0}.sample-full .event-type>small{font-size:12px}.sample-full .event-type h3{font-size:65px}.sample-full .event-type p{font-size:16px}.sample-full .countdown{font-size:36px}.sample-info{max-width:740px;margin:60px auto 0}.sample-info h1{font-size:34px}.sample-info>p{color:var(--muted)}.embedded .header,.embedded footer,.embedded .sample-banner,.embedded .sample-info{display:none}.embedded .sample-full{padding:0}.embedded .sample-full>.browser{border-radius:0;border:0}.embedded .sample-full .mockbody{padding:25px}.embedded .sample-full .mockprofile{padding:30px 0;gap:24px}.embedded .sample-full .mockprofile h3{font-size:32px}.embedded .sample-full .mockprofile p{font-size:12px}.skip{position:fixed;top:-80px;left:16px;z-index:20;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}
@media(min-width:1600px){.hero{min-height:760px}}@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}.header nav{gap:20px}.hero{gap:10px;padding-top:55px;min-height:620px}.hero h1{font-size:46px}.hero-visual{padding-top:70px}.mini-event strong{font-size:18px}.mockprofile h3{font-size:19px}.cta{margin-left:30px;margin-right:30px}.service{padding:12px 22px 0}.service h3{font-size:24px}.service-detail,.contact-grid{gap:40px}.work-image{padding:25px}.about-statement{gap:35px;padding:40px}.about-statement>span{font-size:48px}.process{gap:14px}.process h3{font-size:14px}}
@media(max-width:760px){body{font-size:15px}.wrap{padding-left:22px;padding-right:22px}.header{height:88px;position:relative;z-index:4}.logo{font-size:22px}.menu{display:block;border:1px solid #c9becf;border-radius:25px;background:none;padding:8px 17px;font-size:13px}.header nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 25px #37264115;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:50px;gap:30px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:43px;letter-spacing:-2.6px;line-height:1.4}.lead{font-size:15px}.actions{margin-top:27px}.button{padding:13px 19px;gap:22px;font-size:13px}.hero-note{margin-top:18px}.hero-visual{max-width:480px;width:100%;margin:12px auto 0;padding:75px 23px 100px 35px}.hero-browser{left:-17px;width:102%;transform:rotate(-3deg)}.mini-event{right:0;bottom:37px}.mini-event strong{font-size:20px}.mockprofile h3{font-size:21px}.visual-label{font-size:8px}.intro-strip>.wrap{justify-content:center;padding-top:13px;padding-bottom:13px}.intro-strip p{font-size:12px;margin:0}.intro-strip span{display:none}.section{padding-top:64px;padding-bottom:64px}.section-head{align-items:flex-start;gap:22px;flex-direction:column;margin-bottom:34px}h2{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:10px;margin-bottom:17px}.services{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{padding:28px 0;border:0;border-top:1px solid var(--line)}.service h3{font-size:28px;margin:10px 0 4px}.service p{min-height:0;margin:16px 0 22px}.service-bottom{border:0;padding-top:0}.work-grid{grid-template-columns:1fr;gap:36px}.work-image{padding:23px}.work h3{font-size:21px}.process{grid-template-columns:1fr;margin-top:30px;gap:0}.process li{display:grid;grid-template-columns:40px 1fr;padding:18px 0;column-gap:16px}.process li>span{grid-row:1/3;font-size:24px}.process h3{margin:0;font-size:16px}.process p{margin:4px 0}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2 br{display:none}.faq summary{font-size:14px;padding:20px 0}.cta{margin:20px 22px 60px;padding:35px 28px;align-items:flex-start;flex-direction:column;gap:28px}.cta h2{font-size:29px}.cta .eyebrow{font-size:8px}.cta .button{min-width:150px}footer{padding-top:32px!important;gap:20px}footer>div:nth-child(2){width:100%;gap:24px}.copyright{margin-top:10px}.page-heading{padding:45px 0 40px}.page-heading h1{font-size:35px;letter-spacing:-1.7px}.page-heading>p:last-child{font-size:14px}.service-jump{flex-direction:column;gap:12px}.service-detail{grid-template-columns:1fr;gap:35px;padding:55px 0}.service-detail dl{grid-template-columns:100px 1fr;gap:20px 12px}.service-detail h2{font-size:32px}.filters{gap:8px}.filters button{font-size:12px;padding:9px 15px}.rights{margin:45px 0 60px}.about-statement{padding:30px;grid-template-columns:1fr;gap:35px}.about-statement>span{font-size:46px}.about-statement h2{font-size:23px}.values{grid-template-columns:1fr;gap:24px;padding:50px 0}.values .eyebrow{margin-bottom:8px}.values h3{margin:0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid aside h2{font-size:27px}form{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.form-head h2{font-size:20px}.form-head span{font-size:10px}input,select,textarea{font-size:16px}dialog{padding:28px 20px}dialog h2{font-size:26px}.preview-stage{padding:7px}.sample-banner{font-size:11px}.sample-full .mockbody{padding:22px}.sample-full .mocknav b{font-size:20px}.sample-full .mocknav>span{font-size:7px}.sample-full .mockprofile{grid-template-columns:1fr;padding:30px 0;gap:28px}.sample-full .mockprofile h3,.embedded .sample-full .mockprofile h3{font-size:35px}.sample-full .orbital{aspect-ratio:1.5;max-height:260px;border-radius:120px 120px 8px 8px}.sample-full .mockbottom{font-size:7px;letter-spacing:0}.sample-full .event-type h3{font-size:43px}.sample-full .event-type>small{font-size:9px}.sample-full .event-type p{font-size:13px}.sample-info h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mug-work{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:0 40px;align-items:center}.mug-work .work-image{grid-row:1/4;background:#d9cbe2;padding:24px}.mug-work .work-image img{display:block;width:100%;height:auto;border-radius:6px}.mug-work .workmeta{align-self:end}.mug-work h3{font-size:27px;margin:15px 0;align-self:start}.mug-work>p{align-self:start;margin-top:0}.mug-screen{background:#e9e2ed;padding:15px;text-align:center}.mug-screen img{display:block;max-width:100%;height:auto;margin:auto}.mug-screen img.is-mobile{max-width:350px;width:100%}.email-link{overflow-wrap:anywhere;font-weight:600}.hero .button:not(.secondary){background:var(--purple);border-color:var(--purple);color:var(--ink)}.hero .button:hover{background:#b69ac7}.eyebrow,.hero-note,.visual-foot,.small,.service-bottom,.workmeta,.textlink,footer p,footer>div:nth-child(2){font-size:14px}.tag{font-size:12px}.hero .eyebrow{font-size:11px}.mockbody .mockprofile small,.mockbody .mockbottom,.mockbody .mocknav>span{pointer-events:none}footer>div:nth-child(2){flex-wrap:wrap}.logo small{font-size:11px}.service p{font-size:16px}.service-bottom{font-size:13px}.process p{font-size:14px}.section-head>p{font-size:16px}@media(max-width:760px){.mug-work{display:block}.mug-work h3{font-size:22px}.mug-work .work-image{padding:15px}.hero .eyebrow{font-size:10px}.hero-note,.small,.visual-foot{font-size:12px}.hero-visual{padding-bottom:115px}.visual-foot{left:18px;bottom:10px}.actions{flex-wrap:wrap}}
.cms-notice{padding:16px 5%;background:#e8dfff;color:#302835;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.cms-notice span{white-space:pre-wrap}.cms-notice a{text-decoration:underline}

/* Editorial studio direction — actual work, decisive typography, quiet color. */
.hero-links .button{color:#242424}
:root{--paper:#f7f7f2;--ink:#242424;--muted:#65655f;--line:#d3d3ca;--radius:0}body{letter-spacing:-.02em}.wrap{max-width:1560px;padding-left:64px;padding-right:64px}.header{height:100px;border-bottom:1px solid var(--line)}.logo{display:flex;gap:7px;font-family:'A2Z',sans-serif;font-size:28px;letter-spacing:-1.5px;line-height:1;font-weight:900}.logo span{font-weight:400}.header nav{gap:35px}.header [aria-current=page]{color:#242424;text-decoration:underline;text-underline-offset:7px}.nav-contact{border:0;border-radius:0;padding:10px 0 10px 16px}.button{border-radius:0;background:var(--ink);min-height:50px;font-size:14px;padding:13px 22px}.button.secondary{border-color:var(--ink)}.button:hover{background:#c3add0;color:#242424;border-color:#c3add0}.eyebrow{font-family:'A2Z',sans-serif;font-size:12px;letter-spacing:1.4px;font-weight:600}.editorial-hero{display:grid;grid-template-columns:1.6fr 1fr;column-gap:60px;padding-top:66px;padding-bottom:0}.editorial-hero h1{font-size:clamp(68px,7.5vw,112px);font-weight:600;line-height:1.13;letter-spacing:-.065em;margin:22px 0 42px}.editorial-hero h1 span{color:#86708f}.hero-aside{align-self:end;padding-bottom:52px;max-width:365px;justify-self:end}.hero-aside>p{font-size:17px;line-height:1.85;margin:0 0 28px}.hero-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.hero-links .button{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px 0;gap:18px;min-height:42px}.hero-links .secondary{border-color:#aaa99e}.hero-index{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--line);font-size:11px;font-family:'A2Z',sans-serif;letter-spacing:1.3px}.selected-section{scroll-margin-top:30px}.real-project{margin:0 0 70px}.project-top{display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:12px}.project-top>span:last-child{color:var(--muted)}.project-screen{position:relative;display:block;width:100%;padding:0;background:#111;overflow:hidden;text-align:left}.project-screen img{display:block;width:100%;height:auto;aspect-ratio:1440/900;object-fit:cover;transition:transform .5s}.screen-action{position:absolute;bottom:28px;right:28px;padding:13px 22px;background:var(--paper);color:var(--ink);font-size:13px}.project-screen:hover img{transform:scale(1.015)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:25px;border-bottom:1px solid var(--line)}.project-caption h3{font-size:42px;letter-spacing:-1.5px;font-weight:600;margin:0;line-height:1.2}.project-caption h3 button{font:inherit;padding:0;background:none}.project-caption p{margin:12px 0 0;font-size:15px;color:var(--muted)}.project-visit{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:7px;white-space:nowrap}.mug-feature{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:72px 0;align-items:center}.mug-intro h2{font-size:42px;line-height:1.4;letter-spacing:-2px}.mug-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:28px}.mug-intro .textlink{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:0 0 7px}.mug-feature-screen{padding:34px;background:#c3add0;overflow:hidden}.mug-feature-screen img{width:100%;display:block;height:auto}.work-more{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:24px 0 72px;font-size:14px}.work-more>span{color:var(--muted)}.textlink{font-size:14px;border-color:var(--ink)}.studio-note{background:#e8dfff;padding:84px 0}.studio-note>.wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:24px 80px}.studio-note .eyebrow{grid-column:1/-1;margin-bottom:8px}.studio-note h2{font-size:clamp(36px,4.5vw,66px);line-height:1.3;letter-spacing:-3px;margin:0}.studio-note .wrap>div{align-self:end}.studio-note p:not(.eyebrow){font-size:17px;line-height:1.9;margin:0 0 22px}.section{padding-top:94px;padding-bottom:94px}.section-head h2{font-size:46px;line-height:1.3;letter-spacing:-2px}.section-head{margin-bottom:48px}.section-head>p{font-size:15px}.service-row{display:grid;grid-template-columns:50px 1.1fr 1fr 40px;align-items:center;gap:32px;border-top:1px solid var(--line);padding:36px 0;transition:color .15s}.service-row:last-child{border-bottom:1px solid var(--line)}.row-number{font:14px 'A2Z',sans-serif;align-self:start;margin-top:6px;color:#747067}.service-english{font:12px 'A2Z',sans-serif;letter-spacing:1px}.service-row h3{font-size:29px;font-weight:500;letter-spacing:-1.5px;line-height:1.4;margin:9px 0 0}.service-row p{font-size:15px;line-height:1.9;color:var(--muted);max-width:370px;margin:0}.row-arrow{font-size:35px;font-weight:400;justify-self:end}.process-editorial{padding-top:25px}.process{gap:26px}.process li{border-color:#777469}.process li>span{font-family:'A2Z',sans-serif;font-size:20px;color:#6c5676}.process h3{font-size:17px}.process p{font-size:14px}.faq-section{padding-top:70px}.faq-section h2{font-size:36px}.faq summary{font-size:16px;padding:25px 0}.faq details p{font-size:15px}.contact-finale{background:var(--purple);padding:68px 0 48px;margin-top:20px}.contact-finale .eyebrow{margin-bottom:32px}.finale-link{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #8d7697;padding-bottom:35px}.finale-link h2{font-size:clamp(36px,5.4vw,78px);letter-spacing:-.06em;line-height:1.3;margin:0}.finale-link>span{font-size:80px;font-family:'A2Z',sans-serif;font-weight:400;line-height:1}.finale-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:30px;font-size:14px}.finale-bottom p{margin:0}.finale-bottom a{border-bottom:1px solid #6f5979;padding-bottom:4px}footer{border:0;padding-top:44px!important;padding-bottom:32px!important}.footerlogo{font-family:'A2Z',sans-serif;font-weight:700;font-size:24px;letter-spacing:-1.2px}.page-heading{max-width:1100px;padding:85px 0 55px}.page-heading h1{font-size:68px;line-height:1.2;letter-spacing:-4px;font-weight:600}.page-heading>p:last-child{font-size:17px}.filters{gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}.filters button{border:0;border-radius:0;padding:15px 25px;background:none;font-size:14px}.filters [aria-pressed=true]{background:transparent;color:var(--ink);box-shadow:inset 0 -3px var(--ink)}.filters button:first-child{padding-left:0;padding-right:30px}.portfolio-editorial{margin-top:20px}.portfolio-editorial .real-project{margin-bottom:65px}.portfolio-editorial .mugpage-project .project-screen{background:#c3add0;padding:50px 100px}.portfolio-editorial .mugpage-project .project-screen img{aspect-ratio:auto}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:50px}.sample-grid:not(:has(.work:not([hidden]))){display:none}.work-image{border-radius:0;padding:45px;background:#e8e4ed}.work:nth-child(2) .work-image{background:#f0e3e5}.browser{border-radius:3px;box-shadow:none}.work h3{font-size:24px}.workmeta{font-size:14px}.tag{border-radius:0;border-color:#a59aab;font-size:12px;padding:2px 7px}.work>p{font-size:12px}.rights{max-width:960px;padding-top:35px;margin-bottom:80px}.rights p{font-size:15px}.service-jump{gap:32px}.service-detail{gap:100px;grid-template-columns:1fr 1.15fr}.service-detail h2{font-size:47px;letter-spacing:-2px}.service-detail h3{font-size:23px}.service-detail p,.service-detail ul,.service-detail dl{font-size:16px}.service-detail dl{grid-template-columns:145px 1fr}.notice{border-radius:0;border-left:2px solid #9b80aa;background:#eeebf0;font-size:14px!important}.about-statement{border-radius:0;padding:75px 60px;background:#e8dfff}.about-statement>span{color:#776083;font-family:'A2Z',sans-serif;font-size:80px;letter-spacing:-5px}.about-statement h2{font-size:32px}.values h3{font-size:28px}.values p:not(.eyebrow){font-size:16px}.contact-grid{padding-top:25px}.contact-grid aside h2{font-size:35px;line-height:1.45}.contact-grid form{padding:32px 0 32px 35px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent}.form-head h2{font-size:26px}input,select,textarea{background:#fff;border-radius:0;padding:14px;border-color:#c3c1b9}input::placeholder,textarea::placeholder{font-size:14px}label{font-size:15px}.form-head span{font-size:13px}.small{font-size:13px}.prose .page-heading h1{font-size:52px}dialog{border-radius:0;max-width:1100px;width:calc(100% - 40px);padding:44px}.mug-screen{background:#eeeaeF}.mug-screen img{width:100%}.mug-screen img.is-mobile{max-width:390px}.project-role{color:#796185;border-bottom:1px solid var(--line);padding-bottom:20px}.view-controls button{border-radius:0}.sample-banner{background:#e8dfff}.sample-full .mockbody{background-color:#fcfaf9}.sample-full .event .mockbody{background:#f9e8e8}.sample-info{margin-top:60px}.sample-info .eyebrow{font-size:12px}
@media(min-width:1600px){.editorial-hero{padding-top:85px}.editorial-hero h1{font-size:118px}}
@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.editorial-hero{gap:35px;grid-template-columns:1.3fr 1fr}.editorial-hero h1{font-size:80px}.hero-aside>p{font-size:15px}.header nav{gap:24px}.mug-feature{gap:35px}.mug-intro h2{font-size:34px}.studio-note>.wrap{gap:25px 45px}.service-row{grid-template-columns:30px 1.1fr 1fr 28px;gap:22px}.service-row h3{font-size:25px}.service-row p{font-size:14px}.page-heading h1{font-size:55px}.service-detail{gap:50px}.about-statement>span{font-size:60px}.contact-grid{gap:40px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{height:78px}.logo{font-size:23px;letter-spacing:-1.2px;gap:5px}.menu{border:0;border-radius:0;padding:8px 0 8px 16px;font-size:14px}.header nav{top:68px;border-radius:0;background:var(--paper)}.nav-contact{padding:10px 0}.editorial-hero{display:block;padding-top:43px}.editorial-hero .eyebrow{font-size:9px;letter-spacing:.9px;margin-bottom:23px}.editorial-hero h1{font-size:clamp(49px,12vw,78px);letter-spacing:-.065em;line-height:1.14;margin:0 0 28px}.hero-aside{padding-bottom:30px;max-width:none}.hero-aside>p{font-size:14px;line-height:1.8;margin-bottom:18px}.hero-aside>p br:nth-child(2){display:block}.hero-links{gap:24px}.hero-links .button{font-size:13px;min-height:40px}.hero-index{font-size:9px;letter-spacing:.7px;padding:15px 0}.project-top{font-size:10px;padding:17px 0;gap:12px}.project-screen img{aspect-ratio:1.4;object-fit:cover;object-position:left center}.screen-action{bottom:12px;right:12px;padding:8px 12px;font-size:10px}.project-caption{align-items:flex-start;gap:12px;padding:20px 0}.project-caption h3{font-size:31px;letter-spacing:-1px}.project-caption p{font-size:12px;line-height:1.8;margin-top:9px}.project-visit{font-size:11px;margin-top:7px}.real-project{margin-bottom:30px}.mug-feature{grid-template-columns:1fr;gap:25px;padding:32px 0 40px}.mug-intro h2{font-size:30px;letter-spacing:-1.6px;margin-bottom:20px}.mug-intro>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.mug-feature-screen{padding:22px}.work-more{flex-direction:column;align-items:flex-start;padding:20px 0 45px;font-size:13px;gap:15px}.textlink{font-size:13px}.studio-note{padding:50px 0}.studio-note>.wrap{grid-template-columns:1fr;gap:20px}.studio-note h2{font-size:36px;letter-spacing:-1.9px}.studio-note p:not(.eyebrow){font-size:14px;line-height:1.9}.section{padding-top:58px;padding-bottom:58px}.section-head h2{font-size:33px;letter-spacing:-1.5px}.section-head{gap:20px;margin-bottom:28px}.section-head>p{font-size:14px}.eyebrow{font-size:10px}.service-row{grid-template-columns:24px 1fr 24px;gap:12px;padding:25px 0}.service-row>div{grid-column:2}.service-row h3{font-size:22px;letter-spacing:-1px}.service-english{font-size:10px}.service-row>p{grid-column:2;font-size:14px;margin-top:2px}.row-arrow{grid-column:3;grid-row:1;font-size:27px}.row-number{font-size:12px}.process-editorial{padding-top:0}.process li>span{font-size:19px}.process h3{font-size:16px}.process p{font-size:13px}.faq-section h2{font-size:30px}.faq summary{font-size:14px;padding:21px 0}.faq details p{font-size:14px}.contact-finale{padding:40px 0;margin-top:0}.contact-finale .eyebrow{font-size:9px;margin-bottom:25px}.finale-link{gap:15px;padding-bottom:25px}.finale-link h2{font-size:32px;letter-spacing:-1.7px}.finale-link>span{font-size:42px}.finale-bottom{display:block;padding-top:22px;font-size:13px}.finale-bottom p{margin-bottom:22px}.finale-bottom a{font-size:13px}.footerlogo{font-size:23px}footer>div:nth-child(2){font-size:12px;gap:16px}footer p{font-size:12px}.page-heading{padding:45px 0 35px}.page-heading h1{font-size:40px;letter-spacing:-2.2px}.page-heading>p:last-child{font-size:15px}.filters button{font-size:12px;padding:12px 14px}.filters button:first-child{padding-right:18px}.portfolio-editorial .real-project{margin-bottom:35px}.portfolio-editorial .mugpage-project .project-screen{padding:20px}.portfolio-editorial .mugpage-project .project-screen img{aspect-ratio:auto}.sample-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.work-image{padding:25px}.workmeta{font-size:12px}.work h3{font-size:22px}.tag{font-size:10px}.service-detail{grid-template-columns:1fr;gap:30px;padding:45px 0}.service-detail h2{font-size:38px}.service-detail h3{font-size:21px}.service-detail p,.service-detail dl,.service-detail ul{font-size:14px}.service-detail dl{grid-template-columns:100px 1fr}.about-statement{padding:30px;gap:35px;grid-template-columns:1fr}.about-statement>span{font-size:62px;letter-spacing:-4px}.about-statement h2{font-size:26px}.values h3{font-size:25px}.values p:not(.eyebrow){font-size:15px}.contact-grid{padding-top:0;gap:22px}.contact-grid aside h2{font-size:28px}.contact-grid form{border-left:0;border-top:1px solid var(--line);padding:30px 0}.form-head h2{font-size:23px}input,select,textarea{font-size:16px}input::placeholder,textarea::placeholder{font-size:13px}.prose .page-heading h1{font-size:38px}dialog{padding:30px 18px;width:calc(100% - 24px)}.project-role{font-size:14px}.view-controls button{font-size:12px;padding:9px 15px}.rights p{font-size:14px}.sample-info h1{font-size:28px}}

.sample-cover{aspect-ratio:1.35;padding:26px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;background:#ff915e;color:#201b18;overflow:hidden}.sample-cover>span{font-size:9px;letter-spacing:.1em}.sample-cover>strong{font:800 clamp(38px,5vw,68px)/1 A2Z,sans-serif;letter-spacing:-.06em}.sample-cover>div{font-size:12px;display:flex;gap:15px;justify-content:space-between}.sample-cover.event{background:#182942;color:#e9dfbf}.sample-cover.event>strong{font-weight:400;font-size:clamp(46px,6vw,80px)}@media(max-width:560px){.sample-cover{padding:23px}.sample-cover>strong{font-size:48px}.sample-cover.event>strong{font-size:62px}}


/* Buzzbuild's requested layout geometry, with Velto content and colors. */
.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}.reference-home{font-family:'A2Z',sans-serif;background:#faf9f5;color:#29262d;--ref-line:#dedbe1;--ref-accent:#846294}.reference-home .header{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;max-width:none;height:86px;padding:26px 46px;border-bottom:1px solid transparent;background:transparent;color:#fff;transition:background-color .15s,color .15s}.reference-home .header.is-scrolled{background:#faf9f5;color:#29262d;border-color:#dedbe1;height:86px}.reference-home .logo{font-family:'A2Z',sans-serif;font-size:29px;font-weight:400;letter-spacing:1px;gap:5px}.reference-home .header nav{gap:30px;font-family:'A2Z',sans-serif;font-size:12px}.reference-home .header [aria-current=page]{color:inherit;text-decoration:none}.reference-home .nav-contact{border:1px solid #77717b;border-radius:30px;padding:8px 20px}.reference-home .nav-contact span{margin-left:14px}.reference-home .header a:hover{color:#c3add0}.reference-home .menu{color:inherit}.reference-home .header:has(nav.open){background:#faf9f5;color:#29262d}.ref-hero{height:100svh;min-height:760px;position:relative;background:#151218;color:#f9f7f4;overflow:hidden;outline-offset:-4px}.ref-slide{position:absolute;inset:0}.ref-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;opacity:.3;filter:blur(1px);transform:scale(1.025)}.ref-hero-shade{position:absolute;inset:0;background:#17131b;opacity:.4}.ref-hero-kicker{position:absolute;top:96px;left:46px;right:46px;font-family:'A2Z',sans-serif;font-size:11px;letter-spacing:.1em;color:#c5bbc9;margin:0}.ref-slide-content{position:absolute;left:46px;right:46px;bottom:132px;max-width:1030px}.ref-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ref-tags>span{border:1px solid #90749e;color:#d5c0e3;padding:4px 11px;border-radius:20px;font:11px 'A2Z',sans-serif;letter-spacing:.05em}.ref-tags>span:last-child{color:#c6c0ca;border-color:#62596b}.ref-slide h2{font-family:'A2Z',sans-serif;font-size:clamp(64px,7.2vw,104px);font-weight:300;letter-spacing:-.045em;line-height:1.05;margin:0 0 24px;color:#faf8f7}.ref-slide h2>span{font-family:'A2Z',sans-serif;font-size:1.17em;letter-spacing:.01em}.ref-project-role{font-family:'A2Z',sans-serif;font-size:13px;letter-spacing:.05em;color:#d0c7d5;margin:0 0 18px}.ref-hero-description{max-width:585px;font-size:16px;line-height:1.9;margin:0 0 24px;color:#e0dbe3}.ref-hero-actions{display:flex;gap:32px}.ref-link{display:inline-flex;align-items:center;gap:18px;font-family:'A2Z',sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;padding:8px 0 10px;border:0;border-bottom:1px solid #aca2b4;background:transparent;color:inherit;cursor:pointer}.ref-link:hover{color:var(--ref-accent)}.ref-hero .ref-link:hover{color:#e8dfff}.ref-hero-controls{position:absolute;left:46px;right:46px;bottom:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;font:11px 'A2Z',sans-serif;letter-spacing:.1em}.ref-hero-controls>div{display:flex;align-items:center;gap:10px}.ref-hero-controls button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #766d7e;background:transparent;color:#e5deea;font-size:19px}.ref-hero-controls button:hover{border-color:#c3add0;color:#c3add0}.ref-slide-current{margin-left:12px;min-width:20px}.ref-slide-track{height:1px;width:96px;background:#61576b;margin:0 8px}.ref-slide-track i{display:block;width:50%;height:1px;background:#c3add0;transition:transform .2s}.ref-hero-controls>a{display:flex;gap:18px;color:#d1c7d8}.ref-section{padding:120px 46px 130px;border-top:1px solid var(--ref-line)}.ref-label{display:flex;align-items:center;gap:13px;font:12px 'A2Z',sans-serif;letter-spacing:.14em;color:var(--ref-accent);margin:0 0 24px}.ref-label>span{display:inline-block;width:30px;height:1px;background:currentColor}.ref-headline{font-family:'A2Z',sans-serif;font-size:64px;line-height:.96;letter-spacing:.02em;font-weight:400;margin:0}.ref-headline>span{color:var(--ref-accent)}.ref-about{padding:150px 46px 130px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:stretch;border-top:0}.ref-about .ref-headline{font-size:78px;line-height:.94}.ref-about-lead{font-size:18px;line-height:1.9;margin:38px 0 18px;font-weight:400}.ref-body{font-size:16px;line-height:1.9;color:#625b68;margin:0}.ref-about .ref-body{margin-bottom:28px}.ref-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--ref-line);margin-top:42px;padding-top:24px}.ref-principles strong{font-family:'A2Z',sans-serif;font-weight:400;font-size:29px;letter-spacing:.025em;display:block;line-height:1.2}.ref-principles span{display:block;font-size:12px;color:#756e7a;margin-top:9px}.ref-about-visual{padding:0;background:#e8dfff;border:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;min-width:0}.ref-about-visual img{display:block;width:100%;height:auto}.ref-about-visual>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#c3add0;color:#34263f;padding:18px 20px;font:11px 'A2Z',sans-serif;letter-spacing:.08em}.ref-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}.ref-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ref-service{border:1px solid var(--ref-line);padding:32px 28px 28px;background:#f4f1f6;display:flex;flex-direction:column;min-width:0}.ref-number{font:12px 'A2Z',sans-serif;color:var(--ref-accent);margin-bottom:44px}.ref-service h3{font-family:'A2Z',sans-serif;font-size:38px;line-height:1;letter-spacing:.02em;font-weight:400;margin:0 0 16px}.ref-service h4{font-size:17px;font-weight:500;margin:0 0 15px}.ref-service>p{font-size:15px;line-height:1.9;color:#625b68;margin:0 0 26px;flex:1}.ref-service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.ref-service-tags span{font-size:11px;border:1px solid #cbc1d1;padding:4px 9px;color:#69596f}.ref-service .ref-link{align-self:flex-start}.ref-folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref-folder{background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;gap:18px;min-width:0;color:inherit}.ref-folder-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #c7bdce;background:#e8dfff;transition:transform .25s,border-color .25s}.ref-folder:hover .ref-folder-cover{transform:translateY(-6px);border-color:#846294}.ref-folder-cover img{width:100%;height:100%;object-fit:cover;display:block}.ref-folder-tab{position:absolute;left:14px;top:14px;background:#c3add0;padding:7px 10px;font:10px 'A2Z',sans-serif;letter-spacing:.08em;color:#302136}.ref-folder-type{position:absolute;right:12px;bottom:12px;background:#faf9f5;padding:6px 9px;font-size:11px;color:#4e4357}.ref-folder>strong{font-size:25px;font-weight:400;line-height:1.2}.ref-folder-caption{font:11px 'A2Z',sans-serif;letter-spacing:.03em;color:#746b7b;display:flex;justify-content:space-between;gap:16px}.ref-sample-folder .ref-folder-cover{background:#e8dfff}.ref-sample-title{font:clamp(38px,5vw,70px)/.95 'A2Z',sans-serif;color:#846294;display:block;position:absolute;left:26px;bottom:35px;letter-spacing:.02em}.ref-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ref-process li{padding:28px 22px 30px;border:1px solid var(--ref-line);min-width:0}.ref-process li>span{font:48px/1 'A2Z',sans-serif;color:#9776a8}.ref-process h3{font-size:17px;font-weight:500;margin:36px 0 14px}.ref-process p{font-size:14px;line-height:1.9;color:#6b6272;margin:0}.ref-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.ref-faq .faq summary{font-size:16px}.ref-faq .faq details p{font-size:15px}.ref-contact{padding:150px 46px;border-top:1px solid var(--ref-line);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;background:#e8dfff}.ref-contact .ref-label{margin:0}.ref-contact h2{font:96px/.95 'A2Z',sans-serif;letter-spacing:.02em;margin:10px 0 0}.ref-contact h2>span{font-family:'A2Z',sans-serif;font-size:.6em;letter-spacing:-.03em;line-height:1.6;font-weight:300}.ref-contact p:not(.ref-label){font-size:16px;line-height:1.9;color:#615669;margin:0}.ref-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:40px;background:#c3add0;color:#29212e;padding:17px 28px;font-size:14px;margin-top:9px}.ref-contact-button:hover{background:#29212e;color:#fff}.reference-home footer{max-width:none;padding-left:46px;padding-right:46px;padding-top:54px!important}.reference-home .footerlogo{font:40px 'A2Z',sans-serif;letter-spacing:.04em}.reference-home .skip{z-index:100}.reference-home #main{padding-top:0}
@media(max-width:1100px){.reference-home .header nav{gap:20px}.ref-about{gap:48px}.ref-service{padding:28px 22px}.ref-process li{padding:25px 15px}.ref-folder-tab{font-size:9px}.ref-folder-type{font-size:10px}.ref-about-lead{font-size:16px}}
@media(max-width:900px){.reference-home .header{padding:18px 24px;height:76px;background:#1d1821}.reference-home .header nav{font-size:11px;gap:18px}.reference-home .logo{font-size:25px}.ref-hero{min-height:680px}.ref-hero-kicker{top:90px;left:24px;right:24px;font-size:9px}.ref-slide-content{left:24px;right:24px;bottom:120px}.ref-slide h2{font-size:clamp(48px,8.2vw,76px);line-height:1.12}.ref-hero-controls{left:24px;right:24px;bottom:30px}.ref-section{padding:88px 24px}.ref-about{grid-template-columns:1fr;gap:48px}.ref-about .ref-headline,.ref-headline{font-size:clamp(48px,10vw,68px)}.ref-about-visual{min-height:380px;max-height:560px}.ref-about-visual img{object-fit:contain;max-height:520px}.ref-section-heading{align-items:flex-start;flex-direction:column;gap:26px}.ref-service-grid{grid-template-columns:1fr}.ref-service{padding:28px}.ref-number{margin-bottom:30px}.ref-service h3{font-size:38px}.ref-folder-grid{grid-template-columns:repeat(2,1fr);gap:32px 18px}.ref-process{grid-template-columns:repeat(2,1fr)}.ref-process li{padding:26px}.ref-process h3{margin-top:25px}.ref-faq{grid-template-columns:1fr;gap:30px}.ref-contact{padding:96px 24px}.ref-contact h2{font-size:78px}.reference-home footer{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.reference-home .header nav{top:76px;left:0;right:0;border-radius:0;background:#faf9f5;color:#29262d;border-color:#ddd6e3;padding:24px;gap:18px;font-size:14px}.reference-home .header .menu{font-size:13px;padding:8px 12px;border:1px solid #8e8397;border-radius:30px}.reference-home .header nav .nav-contact{border:0;border-radius:0;padding:0}.ref-principles{gap:16px}.ref-principles strong{font-size:27px}.ref-hero-description{font-size:15px;max-width:550px}.ref-project-role{font-size:12px}.ref-slide h2{margin-bottom:22px}.ref-about .ref-body br{display:none}}
@media(max-width:560px){.ref-hero{height:100svh;min-height:740px}.ref-hero-kicker{top:98px;font-size:9px;line-height:1.6;max-width:260px}.ref-slide-content{bottom:128px}.ref-tags{gap:6px;margin-bottom:17px}.ref-tags>span{font-size:9px;padding:4px 8px}.ref-slide h2{font-size:clamp(36px,10.5vw,58px);line-height:1.16;letter-spacing:-.05em}.ref-slide h2>span{font-size:1.55em;letter-spacing:.02em}.ref-project-role{font-size:11px;margin-bottom:17px}.ref-hero-description{font-size:14px;line-height:1.85;margin-bottom:22px}.ref-hero-actions{gap:24px}.ref-hero-actions .ref-link{font-size:11px;gap:12px}.ref-hero-controls>a{display:none}.ref-hero-controls>div{gap:10px}.ref-hero-image{object-position:60% 50%;opacity:.22}.ref-about-lead{font-size:16px;margin-top:30px}.ref-body{font-size:15px}.ref-about-visual{min-height:300px}.ref-principles{grid-template-columns:1fr;gap:20px}.ref-principles>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.ref-principles span{margin:0;font-size:12px}.ref-folder-grid{grid-template-columns:1fr;gap:38px}.ref-folder-tab{font-size:10px}.ref-folder-type{font-size:11px}.ref-sample-title{font-size:68px}.ref-process{grid-template-columns:1fr;gap:12px}.ref-process li{display:grid;grid-template-columns:55px 1fr;gap:5px 18px;padding:25px}.ref-process li>span{grid-row:1/3;font-size:44px}.ref-process h3{margin:0;font-size:17px}.ref-process p{font-size:14px}.ref-faq .faq summary{font-size:14px}.ref-faq .faq details p{font-size:14px}.ref-contact h2{font-size:clamp(48px,12vw,70px);line-height:1.15}.ref-contact h2>span{font-size:.57em;line-height:1.6}.ref-contact-button{width:100%}.ref-contact p:not(.ref-label){font-size:14px}.reference-home .header .logo{font-size:26px}.reference-home footer>div:nth-child(2){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.reference-home *, .reference-home *::before,.reference-home *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Project-led composition: keep the real interface readable, separate from copy. */
.ref-hero-image{inset:auto 46px auto auto;top:50%;width:48%;height:auto;max-height:60%;object-fit:cover;object-position:center;opacity:1;filter:none;transform:translateY(-43%);border:1px solid #65576b;box-shadow:22px 22px 0 #302737}
.ref-hero-shade{display:none}.ref-slide-content{right:auto;width:43%;max-width:650px;bottom:auto;top:50%;transform:translateY(-36%)}
.ref-slide h2{font-size:clamp(36px,3.6vw,60px);line-height:1.3}.ref-slide h2>span{font-size:1.75em}.ref-hero-description{font-size:15px;max-width:470px}.ref-hero-kicker{font-size:12px;line-height:1.8;color:#d3c4dd;max-width:480px}.ref-folder{border:0;border-radius:0}.ref-slide[hidden]{display:none!important}
.reference-inner{font-family:'A2Z',sans-serif;background:#faf9f5}.reference-inner .logo,.reference-inner .footerlogo{font-family:'A2Z',sans-serif;font-weight:400;letter-spacing:.04em}.reference-inner .logo{font-size:29px}.reference-inner .page-heading h1{font-weight:400;letter-spacing:-.06em}.reference-inner .eyebrow{font-family:'A2Z',sans-serif}
@media(min-width:901px){.ref-section,.ref-about{padding-left:max(46px,calc((100vw - 1480px)/2));padding-right:max(46px,calc((100vw - 1480px)/2))}}
@media(max-width:900px){.ref-hero{height:auto;min-height:1040px}.ref-slide-content{left:24px;right:24px;top:160px;bottom:auto;transform:none;width:auto;max-width:none}.ref-slide h2{font-size:48px;line-height:1.1}.ref-slide h2>span{font-size:1.5em}.ref-hero-description{max-width:650px}.ref-hero-image{top:auto;bottom:125px;left:24px;right:24px;width:calc(100% - 60px);height:330px;max-height:none;transform:none;object-fit:cover;background:#221b27;box-shadow:12px 12px 0 #302737}.ref-hero-kicker{left:24px;top:94px;font-size:10px;max-width:none}.ref-project-role{margin-top:18px}.ref-hero-controls{bottom:35px}}
@media(max-width:560px){.ref-hero{min-height:950px}.ref-slide-content{top:164px}.ref-slide h2{font-size:36px;line-height:1.2}.ref-slide h2>span{font-size:1.8em}.ref-hero-description{font-size:14px}.ref-hero-image{bottom:120px;height:230px}.ref-hero-kicker{max-width:300px}.ref-tags>span{font-size:9px}.ref-hero-actions{gap:22px}.ref-slide h2{margin-bottom:12px}}

.ref-samples-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--ref-line);margin-top:44px;padding-top:24px}.ref-samples-link>.ref-folder-cover{display:none}.ref-samples-link>strong{font-size:18px;font-weight:400}.ref-samples-link .ref-folder-caption{gap:24px}@media(max-width:560px){.ref-samples-link{align-items:flex-start;flex-direction:column;gap:14px}}

/* A2Z has wider Latin glyphs; preserve its proportions. */
.reference-home .logo,.reference-inner .logo{font-size:22px;font-weight:700;letter-spacing:-.035em;gap:6px}.ref-slide h2>span{font-size:1.3em;font-weight:700;letter-spacing:-.045em}.ref-headline{font-weight:700;font-size:56px;line-height:1.1;letter-spacing:-.045em}.ref-about .ref-headline{font-size:64px;line-height:1.08}.ref-service h3{font-size:30px;font-weight:700;letter-spacing:-.035em}.ref-principles strong{font-size:24px;font-weight:600}.ref-process li>span{font-weight:600}.ref-contact h2{font-size:76px;line-height:1.15;font-weight:700;letter-spacing:-.05em}.reference-home .footerlogo{font-size:30px;font-weight:700}.ref-slide h2{font-weight:400}.ref-label,.ref-link,.ref-hero-kicker{letter-spacing:.05em}
@media(max-width:900px){.ref-about .ref-headline,.ref-headline{font-size:48px}.ref-contact h2{font-size:60px}.ref-slide h2>span{font-size:1.3em}}
@media(max-width:560px){.reference-home .header .logo{font-size:21px}.ref-about .ref-headline,.ref-headline{font-size:clamp(34px,9vw,46px)}.ref-slide h2{font-size:32px}.ref-slide h2>span{font-size:1.3em}.ref-contact h2{font-size:clamp(29px,8vw,43px)}.ref-service h3{font-size:28px}.ref-principles strong{font-size:24px}.ref-project-role{letter-spacing:0}}

/* Native select keeps keyboard support; reserve a fixed inset for the arrow. */
#inquiry select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;padding:16px 46px 16px 18px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23302c35' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:16px 16px}#inquiry label{min-width:0}#inquiry .consent{display:flex;align-items:flex-start;gap:10px;font-size:14px}#inquiry .consent input{width:18px;height:18px;flex:none;margin:2px 0}#inquiry .bot-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#submit-status{overflow-wrap:anywhere}#inquiry button:disabled{opacity:.6}

@media(max-width:900px){.reference-home .header.is-scrolled{height:76px}}

/* Size the frame with the image, rather than cropping into a fixed-height box. */
.ref-hero-image{width:auto;height:auto;max-width:48%;max-height:60%;object-fit:contain}
@media(max-width:900px){.ref-hero-image{left:auto;right:36px;width:auto;height:auto;max-width:calc(100% - 60px);max-height:330px}}
@media(max-width:560px){.ref-hero-image{max-height:230px}}

.header .logo img{display:block;width:180px;height:auto}.reference-home .header:not(.is-scrolled):not(:has(nav.open)) .logo img{filter:brightness(0) invert(1)}

/* Motion uses transforms/opacity only; no font-size, dimensions or image cropping. */
@media(prefers-reduced-motion:no-preference){
 .ref-slide-track i{transition:transform .5s cubic-bezier(.16,1,.3,1)}
 .ref-link span,.ref-contact-button span,.nav-contact span{display:inline-block;transition:transform .25s ease}
 .ref-link:hover span,.ref-link:focus-visible span,.ref-contact-button:hover span,.nav-contact:hover span{transform:translateX(4px)}
 .ref-folder,.ref-service{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
 .ref-about-visual{transition:box-shadow .3s ease}
 .ref-label::before{transform-origin:left;transition:transform .4s ease}
 .ref-service:hover .ref-label::before{transform:scaleX(1.15)}
 #work-dialog[open]{animation:velto-dialog-in .24s ease-out}
 @keyframes velto-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ref-folder:hover{transform:translateY(-6px)}.ref-service:hover{transform:translateY(-4px)}.ref-about-visual:hover{box-shadow:0 12px 30px #29253012}}
@media(prefers-reduced-motion:reduce){.ref-slide-track i,.ref-folder,.ref-service,.ref-link span,.ref-contact-button span{transition:none!important}#work-dialog[open]{animation:none!important}}

/* Keep the approved release17 About Us composition while restoring the other home sections. */
.ref-about{padding:132px max(46px,calc((100vw - 1480px)/2)) 116px;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.ref-about .ref-headline{font-size:clamp(42px,4.8vw,70px);line-height:1.05}.ref-about .ref-headline>span{color:#785489}.ref-about-lead{font-size:21px;line-height:1.7;margin:32px 0 20px}.ref-about .ref-body{font-size:15px}.ref-about .ref-label{font-size:12px;letter-spacing:.08em;margin-bottom:22px;color:#785489}.ref-about .ref-link{font-size:13px;letter-spacing:0;min-height:44px}.ref-about-visual{min-height:0;background:transparent;overflow:visible;gap:18px}.ref-about-visual img{width:100%;height:auto}.ref-about-visual>span{position:static;background:none;color:#625b68;padding:0;font-size:12px;letter-spacing:0}.ref-principles{gap:16px;margin-top:36px;padding-top:22px}.ref-principles strong{font-size:20px}.ref-principles span{color:#625b68;font-size:12px}
@media(max-width:1100px){.ref-about{gap:40px}.ref-about-lead{font-size:18px}}
@media(max-width:900px){.ref-about{padding:96px 24px;grid-template-columns:1fr 1fr;gap:32px}.ref-about .ref-headline{font-size:42px}.ref-about-lead br,.ref-about .ref-body br{display:none}.ref-about-lead{font-size:17px}.ref-principles{grid-template-columns:1fr;gap:16px}.ref-principles>div{display:flex;justify-content:space-between;gap:16px}.ref-principles span{margin:0}}
@media(max-width:760px){.ref-about{grid-template-columns:1fr;gap:44px}.ref-about-visual{max-height:none}.ref-about-visual img{max-height:none;object-fit:contain}}
@media(max-width:560px){.ref-about{padding-block:76px}.ref-about .ref-headline{font-size:42px}.ref-about-lead{font-size:19px}.ref-principles strong{font-size:19px}}
.about-gallery{min-width:0}.about-gallery .ref-about-visual{width:100%;gap:16px}.about-gallery .ref-about-visual[hidden]{display:none}.about-gallery .ref-about-visual img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;max-height:none;background:#f1edf5}.about-gallery .ref-about-visual>span{width:100%;text-align:left;gap:12px;line-height:1.7}.about-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #dedbe1;font-size:12px;color:#625b68}.about-gallery-controls>div{display:flex;gap:8px}.about-gallery-controls button{background:transparent;border:1px solid #dedbe1;border-radius:24px;min-height:40px;min-width:40px;padding:8px 12px;color:inherit}.about-gallery-controls button:hover{background:#e8dfff}

/* Shared public navigation, based on the homepage header. */
:is(.reference-home,.reference-inner) .header{position:fixed;inset:0 0 auto;z-index:50;width:100%;max-width:none;height:86px;margin:0;padding:26px 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbe1;background:#faf9f5;color:#29262d}
.reference-home .header:not(.is-scrolled):not(:has(nav.open)){background:transparent;color:#fff;border-bottom-color:transparent}
.reference-inner{padding-top:86px}
:is(.reference-home,.reference-inner) .header .logo{font-family:'A2Z',sans-serif;font-size:29px;letter-spacing:1px;gap:5px;white-space:nowrap}
:is(.reference-home,.reference-inner) .header .logo img{width:180px;height:auto;display:block}
:is(.reference-home,.reference-inner) .header nav{font-family:'A2Z',sans-serif;font-size:12px;gap:30px}
:is(.reference-home,.reference-inner) .header nav>a{display:inline-flex;align-items:center;min-height:0}
:is(.reference-home,.reference-inner) .header [aria-current=page]{color:inherit;text-decoration:none}
:is(.reference-home,.reference-inner) .header nav .nav-contact{border:1px solid #77717b;border-radius:30px;padding:8px 20px;gap:0}
:is(.reference-home,.reference-inner) .nav-contact span{margin-left:14px}
:is(.reference-home,.reference-inner) .header a:hover{color:#c3add0}
@media(max-width:1100px){:is(.reference-home,.reference-inner) .header nav{gap:20px}}
@media(max-width:900px){:is(.reference-home,.reference-inner) .header,:is(.reference-home,.reference-inner) .header.is-scrolled{height:76px;padding:18px 24px}.reference-inner{padding-top:76px}:is(.reference-home,.reference-inner) .header nav{font-size:11px;gap:18px}.reference-home .header:not(.is-scrolled):not(:has(nav.open)){background:#1d1821}}
@media(max-width:760px){:is(.reference-home,.reference-inner) .header nav{top:76px;left:0;right:0;border:1px solid #ddd6e3;border-radius:0;background:#faf9f5;color:#29262d;padding:24px;font-size:14px;max-height:calc(100svh - 76px);overflow:auto;box-shadow:0 12px 25px #37264115}:is(.reference-home,.reference-inner) .header nav.open{gap:18px}:is(.reference-home,.reference-inner) .header nav .nav-contact{border:0;border-radius:0;padding:0}:is(.reference-home,.reference-inner) .header .menu{font-size:13px;padding:8px 12px;border:1px solid #8e8397;border-radius:30px;min-height:0;min-width:0;color:inherit}}

.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#c3add0;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
.ref-contact{--ref-accent:#846294;--ref-line:#dedbe1;color:#29262d}
.ref-contact{padding:150px 46px;border-top:1px solid var(--ref-line);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;background:#e8dfff}
.ref-contact .ref-label{margin:0}
.ref-contact h2{font:96px/.95 'A2Z',sans-serif;letter-spacing:.02em;margin:10px 0 0}
.ref-contact h2>span{font-family:'A2Z',sans-serif;font-size:.6em;letter-spacing:-.03em;line-height:1.6;font-weight:300}
.ref-contact p:not(.ref-label){font-size:16px;line-height:1.9;color:#615669;margin:0}
.ref-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:40px;background:#c3add0;color:#29212e;padding:17px 28px;font-size:14px;margin-top:9px}
.ref-contact-button:hover{background:#29212e;color:#fff}
.ref-contact{padding:96px 24px}
.ref-contact h2>span{font-size:.57em;line-height:1.6}
.ref-contact h2{font-size:76px;line-height:1.15;font-weight:700;letter-spacing:-.05em}
.ref-contact-button span,.nav-contact span{display:inline-block;transition:transform .25s ease}
.ref-contact-button:hover span,.nav-contact:hover span{transform:translateX(4px)}
@media(max-width:900px){.ref-contact{padding:96px 24px}.ref-contact h2{font-size:78px}}
@media(max-width:560px){.ref-contact h2{font-size:clamp(48px,12vw,70px);line-height:1.15}.ref-contact h2>span{font-size:.57em;line-height:1.6}.ref-contact-button{width:100%}.ref-contact p:not(.ref-label){font-size:14px}}
.ref-contact-button{min-width:0;min-height:0}
.ref-contact{padding:150px 46px}
.ref-contact h2{font-size:76px;line-height:1.15;font-weight:700;letter-spacing:-.05em}
.ref-contact h2>span{font-size:.6em}
@media(max-width:900px){.ref-contact{padding:96px 24px}.ref-contact h2{font-size:60px}}
@media(max-width:560px){.ref-contact h2{font-size:clamp(29px,8vw,43px)}.ref-contact h2>span{font-size:.57em}}
:is(.reference-home,.reference-inner) .header nav>a:not(.nav-contact){padding:8px 14px;border:1px solid transparent;border-radius:24px}
:is(.reference-home,.reference-inner) .header nav>a[aria-current=page]{background:#e8dfff;color:#493454;border-color:#c3add0;box-shadow:0 2px 0 #846294}
:is(.reference-home,.reference-inner) .header nav{gap:12px}
@media(max-width:900px){:is(.reference-home,.reference-inner) .header nav{gap:4px}}
@media(max-width:760px){:is(.reference-home,.reference-inner) .header nav.open{gap:10px}:is(.reference-home,.reference-inner) .header nav .nav-contact[aria-current=page]{padding:8px 14px;border:1px solid #c3add0;border-radius:24px}}
/* Commissioned work and owned products have distinct, aligned presentations. */
.service-offering{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}
.service-commission{padding:36px;background:#f1edf5;border-top:2px solid #846294;display:flex;flex-direction:column;align-items:flex-start}
.service-commission h3{font-size:clamp(30px,3vw,44px);line-height:1.25;letter-spacing:-.04em;margin:0 0 24px}
.service-commission>p:not(.ref-label){font-size:15px;line-height:1.9;color:#625b68;max-width:540px;margin:0 0 28px}
.service-types{list-style:none;padding:0;margin:0 0 32px;width:100%}
.service-types li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:17px 0;border-top:1px solid #dedbe1;font-size:13px;line-height:1.7}
.service-types strong{font-weight:600}.service-types span{color:#625b68}
.service-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:auto}
.service-products-heading{padding:0 0 24px}.service-products-heading h3{font-size:28px;margin:0 0 12px}.service-products-heading>p:last-child{font-size:14px;color:#625b68;margin:0}
.service-product{position:relative;padding:26px 0;border-top:1px solid #dedbe1}.service-product-type{font-size:11px;letter-spacing:.08em;color:#846294}.service-product h4{font-size:32px;line-height:1.2;margin:8px 0 14px}.service-product>p{font-size:14px;line-height:1.9;color:#625b68;margin:0 0 16px;max-width:480px}
@media(max-width:1000px){.service-offering{gap:32px}.service-commission{padding:28px}.service-types li{grid-template-columns:1fr;gap:4px}}
@media(max-width:760px){.service-offering{grid-template-columns:1fr;gap:40px}.service-commission{padding:26px 22px}.service-commission h3{font-size:30px}.service-links{gap:18px}.service-products-heading h3{font-size:26px}.service-product h4{font-size:30px}}
.service-guide{--ref-accent:#846294}.service-guide-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid #dedbe1}.service-guide-tabs a{padding:12px 20px;border:1px solid #c3add0;border-radius:28px;font-size:14px}.service-guide-tabs a:hover{background:#e8dfff}.service-guide-group{padding:64px 0;scroll-margin-top:110px}.service-guide-heading{margin-bottom:40px}.service-guide-heading h2{font-size:36px;margin:0 0 16px}.service-guide-heading>p:last-child{color:#625b68;font-size:15px}.service-guide-item{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;padding:40px 0;border-top:1px solid #dedbe1;scroll-margin-top:110px}.service-guide-index{color:#846294;font-size:12px;display:block;margin-bottom:22px}.service-guide-intro h3{font-size:28px;margin:0 0 18px;line-height:1.35}.service-guide-intro>p:not(.eyebrow){font-size:15px;color:#625b68;line-height:1.9}.service-guide-item dl{display:grid;grid-template-columns:90px 1fr;gap:18px 24px;margin:0}.service-guide-item dt{font-size:13px;font-weight:600}.service-guide-item dd{margin:0;font-size:14px;line-height:1.8;color:#625b68}.service-guide-item ul,.service-guide-products ul{padding-left:18px;font-size:14px;line-height:2;color:#625b68;margin:24px 0}.service-guide-note{font-size:12px;line-height:1.8;color:#746b7b}.service-guide-brief{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f1edf5;padding:28px 32px}.service-guide-brief h3{font-size:18px;margin:0 0 10px}.service-guide-brief p{font-size:14px;line-height:1.9;margin:0;color:#625b68}.service-guide-brief .ref-contact-button{white-space:nowrap;margin:0}.service-guide-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-guide-products article{padding:32px;border:1px solid #dedbe1;background:#f1edf5;display:flex;flex-direction:column;align-items:flex-start;scroll-margin-top:110px}.service-guide-products h3{font-size:36px;margin:0 0 18px}.service-guide-products article>p:not(.eyebrow){line-height:1.9}.service-guide-products .ref-link{margin-top:auto}.service-guide-products .service-guide-note{margin-bottom:24px}
@media(max-width:760px){.service-guide-group{padding:44px 0}.service-guide-heading h2{font-size:28px}.service-guide-item{grid-template-columns:1fr;gap:28px;padding:32px 0}.service-guide-intro h3{font-size:25px}.service-guide-item dl{grid-template-columns:70px 1fr;gap:16px}.service-guide-products{grid-template-columns:1fr}.service-guide-products article{padding:26px 22px}.service-guide-brief{flex-direction:column;align-items:flex-start;padding:24px}.service-guide-brief .ref-contact-button{width:100%}.service-guide-tabs a{font-size:13px}}

/* Portfolio archive: shared proportions, uncropped previews and explicit sample grouping. */
.reference-inner:has(.portfolio-editorial) .page-heading{padding-bottom:40px}
.reference-inner:has(.portfolio-editorial) .filters{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 18px}
.reference-inner:has(.portfolio-editorial) .filters button{min-height:44px;padding:10px 18px;border:1px solid #dedbe1;border-radius:24px;background:transparent;color:#625b68;font-size:13px}
.reference-inner:has(.portfolio-editorial) .filters button[aria-pressed=true]{background:#e8dfff;border-color:#c3add0;color:#493454}
.reference-inner:has(.portfolio-editorial) #filter-status{margin:0 0 36px;font-size:12px;color:#746b7b}
.reference-inner .portfolio-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 28px}
.reference-inner .portfolio-editorial .real-project{margin:0;min-width:0}
.reference-inner .portfolio-editorial .project-top{padding:0 0 14px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;font-size:11px;color:#746b7b;border:0}
.reference-inner .portfolio-editorial .project-screen{display:block;width:100%;padding:0;background:#efedf1;border:1px solid #dedbe1;overflow:hidden;position:relative}
.reference-inner .portfolio-editorial .project-screen img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;max-height:none}
.reference-inner .portfolio-editorial .screen-action{bottom:12px;right:12px;background:#faf9f5;color:#29262d;font-size:11px;padding:9px 13px;border:1px solid #dedbe1}
.reference-inner .portfolio-editorial .project-caption{padding:20px 0 0;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border:0}
.reference-inner .portfolio-editorial .project-caption h3{font-size:28px;line-height:1.2;margin:0}
.reference-inner .portfolio-editorial .project-caption p{font-size:14px;line-height:1.7;margin:8px 0 0;color:#625b68}
.reference-inner .portfolio-editorial .project-visit{font-size:11px;white-space:nowrap;margin:0;min-height:36px}
.reference-inner .portfolio-editorial .sample-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:12px 0 0;padding-top:32px;border-top:1px solid #dedbe1}
.reference-inner .portfolio-editorial .sample-grid::before{content:'DESIGN STUDIES / 자체 제작 샘플';grid-column:1/-1;font-size:12px;letter-spacing:.06em;color:#785489}
.reference-inner .portfolio-editorial .sample-grid:not(:has([data-category]:not([hidden]))){display:none}
.reference-inner .portfolio-editorial [hidden]{display:none!important}
.reference-inner:has(.portfolio-editorial) .rights{max-width:none;margin:64px 0 80px;padding:24px 0;border-top:1px solid #dedbe1;display:grid;grid-template-columns:240px 1fr;gap:12px 32px}
.reference-inner:has(.portfolio-editorial) .rights h3{font-size:16px;margin:0}
.reference-inner:has(.portfolio-editorial) .rights p{font-size:13px;line-height:1.8;margin:0;color:#746b7b;grid-column:2}
@media(hover:hover){.reference-inner .portfolio-editorial .project-screen:hover{border-color:#846294}.reference-inner .portfolio-editorial .project-screen:hover img{transform:none}.reference-inner .portfolio-editorial .project-screen:hover .screen-action{background:#e8dfff}}
@media(max-width:760px){.reference-inner .portfolio-editorial{grid-template-columns:1fr;gap:36px}.reference-inner .portfolio-editorial .sample-grid{grid-template-columns:1fr;gap:28px}.reference-inner .portfolio-editorial .project-caption h3{font-size:25px}.reference-inner:has(.portfolio-editorial) .rights{grid-template-columns:1fr;gap:12px;margin:44px 0 56px}.reference-inner:has(.portfolio-editorial) .rights p{grid-column:1}.reference-inner:has(.portfolio-editorial) .filters button{font-size:12px;padding:10px 14px}}