@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Signature;src:url('assets/deflex-script.otf') format('opentype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#111014;--ink:#F4F0F7;--violet:#A36AFF;--orange:#FF751F;--muted:rgb(244 240 247 / .65);--line:rgb(244 240 247 / .18);--soft:rgb(244 240 247 / .035);--heading:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);overflow-wrap:break-word}
body:has(dialog[open]){overflow:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}button{color:inherit}a,button{touch-action:manipulation}
button:disabled{cursor:default}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
::selection{background:var(--violet);color:var(--bg)}
p{color:var(--muted);margin:0 0 24px}h1,h2,h3{font-family:var(--heading);font-weight:500;margin:0;line-height:1.1}h2{font-size:clamp(32px,3.35vw,49px);letter-spacing:-.055em}h2 em{font-style:normal;color:var(--violet)}h3{font-size:22px;letter-spacing:-.035em}
.visually-hidden{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:10px;left:10px;padding:12px 20px;background:var(--ink);color:var(--bg);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:26px;height:26px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}
symbol path,symbol rect,symbol circle{vector-effect:non-scaling-stroke}.icon-accent{stroke:var(--violet)}
.site-header{max-width:1600px;margin:auto;padding:28px 5.5% 22px;display:flex;align-items:center;gap:36px;position:relative;z-index:5}
.site-header::after{content:'';position:absolute;left:5.5%;right:5.5%;bottom:0;height:1px;background:var(--line)}
.wordmark{position:relative;display:block;width:180px;height:64px;flex:none;isolation:isolate}
.wordmark-name{font:700 46px/1.1 var(--heading);letter-spacing:-3px;color:var(--ink)}
.wordmark-studio{font:400 42px/1 Signature,cursive;position:absolute;top:22px;left:61px;transform:rotate(-8deg);color:var(--violet);z-index:1;pointer-events:none}
.header-links{display:flex;gap:30px;align-items:center;justify-content:flex-end;margin-left:auto;font-size:13px}
.header-links>a{position:relative;padding:12px 0;white-space:nowrap}
.header-links>a::after{content:'';position:absolute;left:0;right:100%;bottom:6px;height:1px;background:var(--orange);transition:right .25s var(--ease)}
.header-links>a:hover::after,.header-links>a[aria-current=location]::after{right:0}
.header-links .nav-cta{display:flex;align-items:center;gap:8px;color:var(--violet)}
.language-control{position:relative;display:flex;align-items:center;flex:none}.language-control select{appearance:none;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 23px 9px 5px;color:var(--ink);font-size:12px;cursor:pointer}.language-control select option{background:var(--bg)}.language-control .icon{position:absolute;right:0;width:19px;height:19px;pointer-events:none}
.menu-toggle{display:none;background:none;border:0;align-items:center;gap:10px;font-size:12px;padding:8px 0}
.wrap{max-width:1600px;margin:auto;padding:0 5.5%}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--muted)}
.hero{padding:33px 0 75px}.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.edition{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.type-stage{position:relative;padding:30px 15% 28px 4%;margin:22px 0 32px;min-height:340px}
h1{font-size:clamp(64px,8.5vw,120px);line-height:.97;font-weight:700;letter-spacing:-.075em;position:relative;z-index:1;pointer-events:none}
h1 .offset{display:inline-block;padding-left:15%;font-weight:500;letter-spacing:-.07em}
h1 em{display:inline-block;padding-left:6%;margin-top:4px;font-style:normal;font-weight:700;color:var(--violet);transition:transform .65s var(--ease),letter-spacing .65s var(--ease)}
h1 .period{color:var(--orange);font-size:.7em}
.side-note{position:absolute;right:1%;top:37%;max-width:125px;color:var(--muted);font-size:12px;line-height:1.5;transform:rotate(-5deg);display:flex;gap:12px;align-items:start}
.hero-bottom{display:grid;grid-template-columns:1.25fr 1fr auto;gap:48px;align-items:center;border-top:1px solid var(--line);padding-top:28px}.intro{font-size:15px;line-height:1.75;max-width:450px;margin:0}.hero-bottom .btn{justify-self:center}.scroll-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.scroll-note .icon{color:var(--violet)}.scroll-note:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 19px;min-height:48px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;line-height:1.3;transition:background .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease),border-color .22s var(--ease);text-align:left}
.btn .icon{width:25px;height:25px;transition:transform .25s var(--ease)}.btn-primary{background:var(--violet);color:var(--bg);box-shadow:0 3px 14px rgb(17 16 20 / .18)}.btn-primary .icon-accent{stroke:var(--bg)}.btn-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 7px 22px rgb(139 63 255 / .12)}.btn:hover .icon{transform:translate(2px,-1px)}.btn-secondary{border-color:var(--line);color:var(--ink);background:transparent}.btn-secondary:hover{border-color:var(--violet);background:rgb(139 63 255 / .06)}
.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0 6px;font-size:13px}.text-link:hover{border-color:var(--violet)}.text-link .icon{color:var(--violet)}
.work{display:grid;grid-template-columns:.65fr 1.35fr;gap:7%;padding:30px 0 90px}.section-head h2{margin:23px 0}.section-head p{font-size:14px;max-width:280px}.work-spread{position:relative;display:flex;gap:6%;align-items:center;padding:15px 28px 83px;min-width:0;background:repeating-linear-gradient(0deg,transparent,transparent 47px,rgb(244 240 247 / .025) 47px,rgb(244 240 247 / .025) 48px)}
.page-preview{padding:0;background:none;border:0;width:44%;display:block;position:relative;cursor:zoom-in;transition:transform .35s var(--ease);isolation:isolate;min-width:0}
.page-preview img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:6px 10px 20px rgb(17 16 20 / .5)}.cover{transform:rotate(-4deg)}.inside{transform:rotate(3deg);margin-top:34px}.page-preview:hover,.page-preview:focus-visible{transform:rotate(0) translateY(-5px);z-index:2}
.preview-hint{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;left:12px;right:12px;bottom:12px;background:var(--bg);padding:9px;font-size:10px;border:1px solid var(--line);border-radius:3px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.preview-hint .icon{width:20px;height:20px;color:var(--violet)}.page-preview:hover .preview-hint,.page-preview:focus-visible .preview-hint{opacity:1;transform:none}
.work-caption{position:absolute;left:28px;bottom:16px;display:flex;flex-direction:column;gap:3px;font-size:12px;letter-spacing:.03em}.work-caption span+span{color:var(--muted);font-size:11px;letter-spacing:0}.detail-note{position:absolute;right:14px;bottom:16px;font-size:11px;color:var(--orange);max-width:145px;transform:rotate(-3deg)}
.service-section{padding:84px 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:30px 7%;border-top:1px solid var(--line)}.drawing-key{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:45px}.drawing-key .icon{width:30px;height:30px;color:var(--violet)}.service-list{min-width:0}
.service{position:relative;display:grid;grid-template-columns:19px 54px 1fr 34px;gap:20px;align-items:start;padding:27px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service::before{content:'';position:absolute;top:-1px;left:39px;width:35px;height:1px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.service-index{font-size:10px;color:var(--muted);margin-top:8px}.service-glyph{display:flex;width:54px;height:54px;align-items:center;justify-content:center;color:var(--ink);transition:transform .35s var(--ease)}.service-glyph .icon{width:46px;height:46px}.service h3{font-size:clamp(23px,2.4vw,34px);font-weight:500;letter-spacing:-.05em}.service p{font-size:13px;line-height:1.7;margin:11px 0 0;max-width:405px}.service-link{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:var(--muted);border-radius:3px;margin-top:0;transition:color .2s,transform .3s var(--ease)}.service-link .icon{width:30px;height:30px}.service:nth-child(even) .service-copy{padding-left:14px}.service:hover::before,.service:focus-within::before{transform:scaleX(1)}.service:hover .service-glyph,.service:focus-within .service-glyph{transform:translate(2px,-3px)}.service:hover .service-link,.service:focus-within .service-link{color:var(--violet);transform:translate(2px,-2px)}
.bundle{grid-column:2;display:grid;grid-template-columns:110px 1fr;gap:25px;align-items:start;padding:23px 0 0}.bundle-figure{display:flex;flex-direction:column;align-items:flex-start;gap:15px;color:var(--violet)}.bundle-figure>.icon{width:30px;height:30px}.bundle-figure>span{font:700 40px/1 var(--heading);letter-spacing:-.07em}.bundle-figure small{font-size:22px;font-weight:500}.bundle h3{font-size:19px;margin-bottom:12px}.bundle p{font-size:12px;line-height:1.75;margin-bottom:8px;max-width:460px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:14%;border-top:1px solid var(--line);padding:90px 7%}.about h2{margin:24px 0}.about>div>p{font-size:14px;max-width:370px}.process>p{font-size:14px;margin:0 0 30px}.step{display:grid;grid-template-columns:30px 1fr;gap:15px;padding:22px 0;border-top:1px solid var(--line)}.step-number{font-size:11px;color:var(--orange);padding-top:4px}.step h3{font-size:20px}.step p{font-size:13px;line-height:1.7;margin:9px 0 0}
.contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:11%;border-top:1px solid var(--line);padding:90px 0}.contact h2{margin:24px 0;font-size:clamp(35px,4vw,58px)}.contact>div>p{font-size:14px;max-width:330px}.contact-links{display:flex;flex-direction:column;align-items:start;gap:15px;margin-top:32px}.contact-links a{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.4;min-height:40px}.contact-links .icon{width:30px;height:30px;transition:transform .25s var(--ease)}.contact-links a:hover{color:var(--violet)}.contact-links a:hover .icon{transform:translate(2px,-2px)}
.form{padding-top:8px;min-width:0}.row{display:grid;grid-template-columns:1fr 1fr;gap:25px}label,legend{font-size:12px;font-weight:500;color:var(--muted);display:block;margin-bottom:9px}input[type=text],input[type=email],textarea{width:100%;min-width:0;background:var(--soft);border:1px solid transparent;border-bottom-color:var(--line);border-radius:4px 4px 0 0;color:var(--ink);padding:11px 12px;font-size:16px;line-height:1.5;margin-bottom:25px;transition:border-color .2s,background .2s}input[type=text]:hover,input[type=email]:hover,textarea:hover{border-bottom-color:var(--muted)}input:focus,textarea:focus{border-bottom-color:var(--violet);background:rgb(139 63 255 / .045)}textarea{resize:vertical;min-height:108px}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}legend{margin-bottom:15px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:11px 15px}.choice{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;line-height:1.4;min-height:38px;margin:0;padding:5px 0;min-width:0}.choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.choice-mark{width:19px;height:19px;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;flex:none;transition:border-color .2s,background .2s}.choice-mark>.icon{width:19px;height:19px;opacity:0;stroke-width:1.8;color:var(--bg)}.choice input:checked+.choice-mark{background:var(--violet);border-color:var(--violet)}.choice input:checked+.choice-mark>.icon{opacity:1}.choice input:focus-visible+.choice-mark{outline:2px solid var(--orange);outline-offset:3px}.choice:hover .choice-mark{border-color:var(--violet)}.choice-label{color:var(--muted)}.choice input:checked~.choice-label{color:var(--ink)}.bundle-status{display:flex;gap:14px;align-items:start;margin-bottom:26px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bundle-progress{display:flex;gap:4px;margin-top:6px;flex:none}.bundle-progress i{display:block;width:13px;height:4px;background:rgb(244 240 247 / .16);transform:skew(-18deg);transition:background .25s}.bundle-progress i.active{background:var(--violet)}.bundle-status p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}.bundle-status.is-ready p{color:var(--orange)}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-actions .btn{font-size:12px;padding:12px 15px;min-height:48px}.form-note{font-size:11px;line-height:1.7;margin:20px 0 0;max-width:470px}
.site-footer{max-width:1600px;margin:auto;padding:34px 5.5% 45px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.legal-links{display:flex;gap:22px;flex-wrap:wrap}.legal-links button{background:none;border:0;padding:10px 0;font-size:11px;color:var(--muted);transition:color .2s}.legal-links button:hover{color:var(--ink)}.endnote{font-size:10px;white-space:nowrap;color:var(--muted)}
dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:34px;max-width:650px;width:calc(100% - 30px);max-height:90dvh;overscroll-behavior:contain;box-shadow:0 24px 80px rgb(17 16 20 / .6)}dialog::backdrop{background:rgb(17 16 20 / .85);backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin:30px 0 20px}dialog p{font-size:14px;line-height:1.8}.icon-button{background:none;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;transition:background .2s,border-color .2s}.icon-button:hover{border-color:var(--violet);background:rgb(139 63 255 / .08)}.icon-button:disabled{opacity:.3;pointer-events:none}.close{margin-left:auto}.viewer-toolbar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.05em}.viewer-toolbar{margin-bottom:15px}.viewer-controls{margin-top:15px}.viewer-controls>span{color:var(--muted)}#workDialog{max-width:680px;padding:20px}#workImage{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:2px}
@media (max-width:1100px){.site-header{gap:22px}.header-links{gap:22px;font-size:12px}.hero-bottom{gap:26px;grid-template-columns:1.3fr 1fr}.scroll-note{display:none}.service{gap:14px;grid-template-columns:18px 46px 1fr 30px}.service-glyph{width:46px;height:46px}.service-glyph .icon{width:40px;height:40px}.about{padding-right:0;padding-left:0;gap:10%}.contact{gap:7%}.form-actions .btn{padding:12px 11px}.site-footer{gap:20px}.legal-links{gap:15px}.endnote{font-size:9px}}
@media (max-width:760px){html{scroll-padding-top:22px}.site-header{padding-top:22px;padding-bottom:18px;gap:22px}.wordmark{width:146px;height:55px}.wordmark-name{font-size:39px;letter-spacing:-2.7px}.wordmark-studio{font-size:37px;left:49px;top:18px}.menu-toggle{display:flex;margin-left:auto}.language-control{margin:0}.header-links{display:none;position:absolute;top:100%;left:5.5%;right:5.5%;margin:0;background:var(--bg);border:1px solid var(--line);border-top:0;padding:18px 22px;box-shadow:0 22px 40px rgb(17 16 20 / .65);border-radius:0 0 6px 6px;font-size:15px}.site-header.is-open .header-links{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header-links>a{padding:10px 0;white-space:normal}.header-links .nav-cta{justify-content:space-between}.header-links>a::after{bottom:3px}.hero{padding-top:25px;padding-bottom:55px}.eyebrow{font-size:10px}.edition{font-size:9px}.type-stage{padding:8px 0 65px;margin-top:28px;min-height:0}h1{font-size:clamp(45px,10.3vw,76px);line-height:1.02;letter-spacing:-.065em}h1 em{padding-left:4%}h1 .offset{padding-left:11%}.side-note{font-size:10px;top:36%;max-width:100px;gap:8px;right:0;transform:rotate(-5deg)}.note-line{width:17px;height:18px}.shift{font-size:10px}.shift .icon{width:25px;height:25px}.hero-bottom{grid-template-columns:1fr;gap:23px;align-items:start;padding-top:22px}.intro{font-size:14px;max-width:420px}.hero-bottom .btn{justify-self:start}.work{grid-template-columns:1fr;padding:12px 0 55px;gap:28px}.section-head h2{font-size:36px}.section-head p{max-width:410px;font-size:14px;margin-bottom:0}.work-spread{padding:18px 18px 80px;max-width:600px}.work-caption{left:18px;bottom:15px}.detail-note{max-width:120px;right:5px;font-size:10px;bottom:15px}.page-preview{width:44%}.preview-hint{display:none}.service-section{grid-template-columns:1fr;padding:55px 0;gap:30px}.service-section>.section-head{position:relative;padding-right:60px}.service-section .section-head h2{font-size:38px}.drawing-key{position:absolute;top:0;right:0;margin:0}.drawing-key span{display:none}.drawing-key .icon{width:36px;height:36px}.service{grid-template-columns:17px 44px 1fr 28px;gap:10px;padding:24px 0}.service-glyph{width:44px;height:44px}.service-glyph .icon{width:39px;height:39px}.service-index{font-size:9px}.service h3{font-size:25px;line-height:1.16}.service p{font-size:12px;margin-top:9px}.service:nth-child(even) .service-copy{padding-left:0}.service-link{min-width:35px;min-height:40px;margin-left:-4px}.service-link .icon{width:25px;height:25px}.bundle{grid-column:1;padding-top:4px;gap:20px;grid-template-columns:90px 1fr}.bundle-figure>span{font-size:36px}.bundle h3{font-size:19px}.bundle p{font-size:12px}.about{grid-template-columns:1fr;gap:30px;padding:55px 0}.about h2{font-size:37px}.about>div>p{max-width:440px}.process{padding-left:8%}.process>p{font-size:14px}.contact{grid-template-columns:1fr;gap:36px;padding:55px 0}.contact h2{font-size:43px}.contact>div>p{max-width:420px}.contact-links{margin-top:24px;gap:10px}.contact-links a{font-size:14px}.form{padding-top:0}.form-actions .btn{font-size:13px;padding:14px 17px}.site-footer{flex-wrap:wrap;gap:20px;padding-top:28px;padding-bottom:35px}.legal-links{order:3;width:100%;justify-content:space-between;gap:10px}.endnote{font-size:10px}.form-note{font-size:11px}.side-note+.shift{z-index:2}}
@media (max-width:390px){.site-header{gap:15px}.wordmark{width:136px}.wordmark-name{font-size:37px}.wordmark-studio{left:46px;font-size:36px}.hero-top{gap:10px}.edition{font-size:8px}.side-note{max-width:80px;font-size:9px;gap:6px}.note-line{width:12px}.service{grid-template-columns:39px 1fr 25px;gap:9px}.service-index{display:none}.service-glyph{width:39px}.service h3{font-size:24px}.choices{gap:10px}.choice{font-size:11px;gap:8px}.row{grid-template-columns:1fr;gap:0}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions .btn{font-size:11px;gap:6px;padding:12px 10px}.form-actions .icon{width:23px;height:23px}.bundle{grid-template-columns:80px 1fr;gap:15px}.legal-links button{font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}

/* Electric ink: depth within the lettering rather than decorative shapes. */
h1 em{color:var(--violet);background:linear-gradient(125deg,#C6A0FF 8%,#A36AFF 42%,#8338EC 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 7px 19px rgb(107 33 237 / .17))}
.wordmark-studio{text-shadow:0 0 20px rgb(139 63 255 / .26)}
.btn-primary{box-shadow:0 4px 18px rgb(139 63 255 / .18)}
.service-copy{transition:transform .4s var(--ease)}
.service:hover .service-copy,.service:focus-within .service-copy{transform:translateX(4px)}
@media (max-width:760px){.type-stage{padding-bottom:26px}.side-note{top:42%}}
@media (prefers-reduced-motion:reduce){.service:hover .service-copy,.service:focus-within .service-copy{transform:none}}

/* A title in two breaths, with two equally sized punctuation marks. */
.type-stage{padding:30px 0 28px 4%;margin:22px 0 38px;min-height:0}
h1{font-size:clamp(62px,10.1vw,144px);line-height:1.04;letter-spacing:-.075em}
.headline-lead{display:block}
.headline-rest{display:block;margin-top:38px;padding-left:5%;font-size:clamp(48px,7.4vw,106px);font-weight:500;letter-spacing:-.065em;line-height:1.16}
h1 em{padding-left:0;margin:0;letter-spacing:-.07em}
h1 .title-dot{display:inline-block;font-size:clamp(14px,2.3vw,29px);line-height:0;letter-spacing:0;margin-left:3px;color:var(--ink);vertical-align:baseline}
h1 .title-dot-accent{color:var(--orange)}
.hero-bottom{grid-template-columns:1.2fr 1fr auto}
.project-invitation{display:inline-flex;align-items:center;justify-self:center;gap:17px;font:500 18px/1.25 var(--heading);letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid var(--orange);transition:color .3s var(--ease),gap .3s var(--ease)}
.project-invitation .icon{width:37px;height:37px;color:var(--orange);transition:transform .3s var(--ease)}
.project-invitation:hover{color:var(--orange);gap:24px}.project-invitation:hover .icon{transform:translate(2px,-3px)}
.portfolio-list{display:grid;gap:34px;min-width:0}.portfolio-project{min-width:0}.portfolio-project .work-spread{padding-bottom:48px}.project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.project-caption h3{font-size:20px;letter-spacing:.015em}.project-caption p{margin:0;font-size:12px;text-align:right}.portfolio-note{font-size:12px;color:var(--muted);margin:0;padding:3px 0 0}
.service-section>.section-head{padding-right:0}
/* Sculpted surfaces for the three stages, with a restrained inset highlight. */
#steps{display:grid;gap:18px;perspective:900px;padding:5px 0 12px}
.step{position:relative;border:1px solid rgb(244 240 247 / .13);border-top-color:rgb(244 240 247 / .25);border-radius:30px 38px 30px 16px;padding:24px 25px;gap:14px;background:linear-gradient(145deg,rgb(163 106 255 / .15),rgb(244 240 247 / .045) 48%,rgb(17 16 20 / .8));box-shadow:inset 0 1px 1px rgb(244 240 247 / .1),inset 0 -5px 12px rgb(17 16 20 / .32),0 8px 0 rgb(17 16 20 / .7),0 16px 26px rgb(0 0 0 / .22);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.step:nth-child(2){margin-left:12px}.step:nth-child(3){margin-right:12px}.step:hover{transform:translateY(-3px) rotateX(2deg);box-shadow:inset 0 1px 1px rgb(244 240 247 / .16),inset 0 -5px 12px rgb(17 16 20 / .3),0 11px 0 rgb(17 16 20 / .6),0 20px 32px rgb(0 0 0 / .25)}.step h3{font-size:19px;line-height:1.25}.step p{font-size:12px}.step-number{color:var(--orange)}
@media(max-width:1100px){.hero-bottom{grid-template-columns:1.2fr 1fr}.project-invitation{font-size:17px}}
@media(max-width:760px){.type-stage{padding:12px 0 22px;margin:26px 0 25px}h1{font-size:clamp(43px,11.2vw,85px)}.headline-rest{font-size:clamp(28px,7.8vw,58px);margin-top:30px;padding-left:2%;letter-spacing:-.06em;white-space:nowrap}h1 .title-dot{font-size:clamp(12px,2.3vw,18px);margin-left:2px}.hero-bottom{grid-template-columns:1fr;gap:19px}.project-invitation{justify-self:start;font-size:20px;gap:22px}.project-invitation .icon{width:38px;height:38px}.portfolio-list{gap:25px}.project-caption{gap:14px}.project-caption h3{font-size:18px}.project-caption p{font-size:11px}.process{padding-left:0}.step{padding:23px 20px;grid-template-columns:25px 1fr}.step:nth-child(2){margin-left:9px}.step:nth-child(3){margin-right:9px}}
@media(prefers-reduced-motion:reduce){.step:hover{transform:none}}

/* Original vector lettering from the studio's business card. */
.wordmark{width:206px;height:auto;line-height:0}.wordmark-image{display:block;width:100%;height:auto}
.construction-banner{display:flex;justify-content:center;align-items:center;gap:15px;min-height:28px;padding:5px 16px;background:#FFCF32;color:#111014;font-size:10px;font-weight:500;letter-spacing:.065em;line-height:1.4;text-align:center}
.construction-banner::before,.construction-banner::after{content:'';display:block;width:35px;height:8px;flex:none;background:repeating-linear-gradient(125deg,#111014 0 4px,transparent 4px 8px)}
.project-invitation{font-size:13px;gap:10px;padding:2px 0 3px;line-height:1.3;border-bottom-width:1px}
.invitation-arrow{width:27px;height:23px;flex:none;overflow:visible;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.project-invitation:hover{gap:13px}.project-invitation:hover .invitation-arrow{transform:translate(2px,-1px)}
@media(max-width:760px){.wordmark{width:151px;height:auto}.site-header{gap:18px}.project-invitation{font-size:13px;gap:11px;padding-bottom:3px}.construction-banner{font-size:9px;min-height:27px;gap:12px}.construction-banner::before,.construction-banner::after{width:25px;height:7px}}
@media(max-width:390px){.wordmark{width:137px}.site-header{gap:14px}}

/* Direct enquiry delivery and accessible status feedback. */
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status:empty{display:none}.form-status{margin:18px 0 0;padding:14px 16px;border:1px solid var(--orange);border-radius:12px;font-size:14px;line-height:1.55}.form-status[data-state="sent"]{border-color:var(--purple,#a078ff)}.form-status:focus{outline-offset:4px}.form button:disabled{opacity:.65;cursor:wait}