@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{font-family:DM Sans,sans-serif;color:#f1f1e9;background:#0c0d0d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0c0d0d;--surface: #151716;--text: #f1f1e9;--muted: #aaada6;--accent: #b8c7a7;--line: #30332f;--serif: "Cormorant Garamond", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#444a41;border-radius:9px}svg{width:20px;height:20px;flex:none}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.035em}h2{font-size:clamp(38px,4.6vw,66px);line-height:1.05;text-wrap:balance}em{font-family:var(--serif);font-weight:400;font-size:1.17em;line-height:.8}h2 em{letter-spacing:-.025em}.section-wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--text);color:var(--bg);padding:12px 20px;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:30;top:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:35px;padding:8px 9px 8px 20px;background:#171917f2;border:1px solid #373b34;border-radius:100px;box-shadow:0 12px 35px #0003}.wordmark{font-family:var(--serif);font-style:italic;font-size:34px;line-height:1}.wordmark span{color:var(--accent)}nav{display:flex;gap:25px}nav a{font-size:13px;color:#d4d6cf;transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--accent)}.nav-contact{display:flex;gap:14px;align-items:center;padding:13px 17px;border-radius:40px;background:#2b3029;font-size:12px;white-space:nowrap}.nav-contact svg{width:15px;height:15px}.nav-contact:hover{background:#394032}.hero{min-height:850px;height:100svh;max-height:1120px;position:relative;isolation:isolate;overflow:hidden;padding:130px 50px 30px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta,.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.hero-meta{position:relative;z-index:2}.hero-meta>span:last-child{display:flex;align-items:center;gap:12px}.status-dot,.contact-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-center{text-align:center;position:relative;z-index:3;margin-top:-5px;align-self:center;max-width:700px}.hero h1{font-family:var(--serif);font-size:clamp(90px,11.5vw,164px);font-style:italic;line-height:1.05;letter-spacing:-.035em;margin:0 0 22px}.hero h1 em{font-size:1em}.name-period{color:var(--accent)}.hero-intro{font-size:19px;margin-bottom:13px}.hero-description{color:var(--muted);font-size:16px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:14px 25px;border-radius:40px;font-size:13px;font-weight:500;border:1px solid transparent;transition:background .25s,color .25s}.primary{color:#151813;background:#e6ecdf}.primary:hover{background:#bdcea9}.button svg{width:17px;height:17px}.hero-center .button{margin-top:33px}.hero-side{position:absolute;width:19%;max-width:240px;z-index:1}.hero-side-left{left:-32px;top:33%;transform:rotate(-12deg)}.hero-side-right{right:-25px;top:46%;transform:rotate(11deg)}.mini-frame{padding:9px;background:#20221f;border:1px solid #3b3e37;border-radius:5px;box-shadow:0 18px 35px #0005}.mini-frame img{height:180px;filter:brightness(.8) saturate(.65);border-radius:2px}.mini-frame span{display:block;padding:12px 3px 4px;color:#bdc1b8;font-size:12px}.side-note{display:block;margin-top:20px;text-align:center;font-family:var(--serif);font-size:20px;font-style:italic;color:#a7afa0}.hero-bottom{gap:20px;font-size:12px}.hero-bottom>span:last-child{text-align:right}.scroll-link{display:flex;align-items:center;gap:17px;color:#d2d7cc}.scroll-line{height:42px;width:1px;background:#606956;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;width:1px;height:18px;background:#e6ecdf;animation:scroll-cue 2s ease-in-out infinite;top:-18px}@keyframes scroll-cue{to{transform:translateY(65px)}}.work{padding-top:125px;padding-bottom:115px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:55px}.section-heading>p{color:var(--muted);font-size:14px;max-width:320px;padding-bottom:4px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:34px;row-gap:50px}.project{padding:0;border:0;background:none;text-align:left;min-width:0}.project-lexus{padding-top:85px}.project-visual{height:400px;display:block;position:relative;border-radius:13px;overflow:hidden;background:var(--surface);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:hover .project-visual{transform:translateY(-5px)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:19px}.project-meta strong{display:block;font-size:18px;font-weight:500}.project-meta small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.project-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #393c36;border-radius:50%;transition:background .25s,transform .25s}.project:hover .project-arrow{background:#31372b;transform:rotate(45deg)}.project-arrow svg{width:17px;height:17px}.project-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);z-index:4;background:var(--text);color:var(--bg);border-radius:40px;padding:13px 19px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:18px;opacity:0;transition:opacity .3s,transform .3s}.project-open svg{width:15px;height:15px}.project:hover .project-open,.project:focus-visible .project-open{opacity:1;transform:translate(-50%,-50%)}.haddo-visual{background:#34392e;padding:34px 28px 0}.browser-top{display:flex;align-items:center;gap:5px;padding:10px 11px;background:#20271e;border-radius:7px 7px 0 0;font-size:12px;color:#ccd3c4}.browser-top i{width:4px;height:4px;border-radius:50%;background:#68715e}.browser-top>span{margin:auto}.haddo-screen{display:block;height:355px;background:#0b271b;position:relative;overflow:hidden;transition:filter .4s}.haddo-name{position:absolute;top:24px;left:24px;z-index:2;font-weight:600;line-height:.95;font-size:39px;letter-spacing:-.035em;color:#f1d76d}.haddo-screen img{height:230px;position:absolute;top:126px;object-position:center 40%;filter:brightness(.75)}.haddo-caption{position:absolute;bottom:26px;left:24px;z-index:2;color:#fff;font-size:15px}.project:hover .haddo-screen{filter:blur(3px)}.lexus-visual{background:#dddcd3;color:#252825;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.lexus-title{font-size:55px;letter-spacing:.09em;font-weight:400;display:flex;align-items:baseline;gap:10px}.lexus-title>span{font-size:12px;letter-spacing:.06em}.lexus-visual:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #858c7b;border-radius:50%;right:-170px;top:145px;box-shadow:0 0 0 30px #cdd0c5,0 0 0 31px #9ea595,0 0 0 60px #d7d9ce,0 0 0 61px #aeb5a4;opacity:.55;pointer-events:none}.project-type{font-family:var(--serif);font-style:italic;font-size:31px;line-height:1.1;max-width:240px;position:relative;z-index:1}.pending-caption{font-size:12px;color:#4e5648;position:relative;z-index:1}.project-porsche{grid-column:1/-1;width:78%;margin-inline:auto}.porsche-visual{background:#252a25;min-height:360px;height:360px;padding:40px;display:flex;align-items:center;justify-content:space-between}.porsche-title{font-size:58px;font-weight:400;position:relative;z-index:2;line-height:1.12}.porsche-visual .project-type{font-size:27px;align-self:flex-end;text-align:right}.porsche-lines{position:absolute;inset:-120px 28% -180px 33%;border-inline:1px solid #606958;transform:rotate(25deg)}.porsche-lines:before,.porsche-lines:after{content:"";position:absolute;inset:0 15%;border-inline:1px solid #3e4836}.porsche-lines:after{inset:0 30%}.services{padding-block:105px 130px;border-top:1px solid var(--line)}.service-list{margin-top:65px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:clamp(21px,2.4vw,32px);padding-block:28px}summary::-webkit-details-marker{display:none}.service-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #343a30;border-radius:50%;transition:transform .3s}details[open] .service-icon{transform:rotate(45deg);background:#242b1f}.service-content{padding:0 0 32px 22%;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end}.service-content p{color:var(--muted);font-size:15px;max-width:600px}.service-content a,.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;border-bottom:1px solid #69765c;padding-bottom:9px;white-space:nowrap}.service-content a svg,.text-link svg{width:15px;height:15px}.gallery-section{height:230vh;min-height:1500px;position:relative;background:#111410}.gallery-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:grid;place-items:center;isolation:isolate}.gallery-heading{text-align:center;position:relative;z-index:1}.gallery-heading h2{font-size:clamp(54px,7vw,96px);line-height:1.05}.gallery-heading p{color:#afb7a8;font-size:14px;margin-top:28px}.image-notice{display:block;margin-top:20px;color:#abb5a2;font-size:12px}.gallery-image{position:absolute;z-index:2;width:27%;max-width:370px;padding:7px;background:#272d23;box-shadow:0 20px 50px #0005;border-radius:5px}.gallery-image img{height:290px;border-radius:2px}.gallery-image figcaption{font-size:12px;padding:10px 5px 4px;color:#d3dacb}.gallery-one{left:8%;top:0}.gallery-two{right:6%;top:0}.gallery-two img{height:350px}.gallery-three{left:11%;top:0}.gallery-footnote{position:absolute;bottom:28px;color:#abb5a2;font-size:12px;z-index:3;text-align:center}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:145px}.about-monogram{font-family:var(--serif);font-style:italic;font-size:55px;display:block;color:var(--accent);margin-bottom:35px}.about h2{font-size:51px}.about-copy{padding-top:30px}.about-copy p{color:var(--muted);font-size:15px;margin-bottom:23px;max-width:60ch}.about-copy .large-copy{font-size:22px;color:var(--text);line-height:1.5}.about-copy .personal-note{font-family:var(--serif);font-style:italic;font-size:23px;color:#c5cdbd;margin-top:35px}.text-link{margin-top:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:105px 130px;border-top:1px solid var(--line)}.contact-dot{width:9px;height:9px;margin-bottom:30px}.contact h2{font-size:clamp(47px,5vw,68px)}.contact-heading p{color:var(--muted);font-size:15px;margin-top:30px}.contact-location{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:60px}form{padding-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:25px;min-width:0}.field label{display:block;font-size:12px;color:#e0e4d9;margin-bottom:12px}.field label span{color:var(--muted)}input,textarea,select{width:100%;border:0;border-bottom:1px solid #42473d;background:transparent;border-radius:0;color:var(--text);padding:9px 0 14px;font-size:14px;caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:#969e8f;opacity:1}textarea{resize:vertical;min-height:105px}select{color-scheme:dark;cursor:pointer}select option{background:var(--surface)}.field-error{display:block;font-size:12px;color:#f0b7a4;margin-top:7px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#f0b7a4}.form-preview{font-size:12px;color:var(--muted);margin:0 0 18px}#form-status{font-size:13px;line-height:1.6;color:#d0dcc3;margin-top:20px;max-width:50ch}#form-status:empty{display:none}footer{border-top:1px solid var(--line);padding-block:40px;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-name{font-size:23px}.footer-name em{font-size:30px}footer>div{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.back-top{display:flex;align-items:center;gap:16px;font-size:12px}.back-top svg{width:15px;height:15px}dialog{border:1px solid #414a39;border-radius:18px;color:var(--text);background:#171c14;padding:0;width:min(640px,calc(100% - 32px));max-height:calc(100svh - 60px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog-inner{padding:65px 45px 45px;position:relative}.dialog-close{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #505b45;background:transparent}.dialog-type{font-size:12px;color:var(--accent);margin-bottom:20px}dialog h2{font-size:46px;margin-bottom:25px}dialog p{font-size:15px;color:#c4ccbd}dialog .button{margin-top:30px}dialog .dialog-note{margin-top:26px;font-size:12px;color:var(--accent)}@media(min-width:1600px){.hero-side-left{left:5%}.hero-side-right{right:5%}.hero-meta,.hero-bottom{max-width:1450px;width:100%;margin-inline:auto}}@media(max-width:1050px){.section-wrap{width:calc(100% - 64px)}.hero{padding-inline:32px;min-height:780px}.hero-side{width:19%}.hero-side img{height:150px}.hero-side-left{left:-65px}.hero-side-right{right:-65px}.hero-meta{font-size:12px}.hero-center{max-width:650px}.project-visual{height:350px}.haddo-visual{padding:25px 20px 0}.lexus-visual{padding:28px}.lexus-title{font-size:42px}.section-heading p{max-width:250px}.service-content{padding-left:10%;grid-template-columns:1fr;gap:20px}.service-content a{justify-self:start}.about,.contact{gap:55px}.about h2{font-size:44px}.hero-bottom>span:last-child{display:none}.gallery-image{width:30%}.gallery-image img{height:240px}.gallery-two img{height:300px}}@media(max-width:760px){html{scroll-padding-top:100px}.section-wrap{width:calc(100% - 40px)}.site-header{top:15px;gap:18px;padding-left:15px;width:calc(100% - 30px);max-width:440px;justify-content:space-between}.wordmark{font-size:30px}nav{gap:16px}nav a{font-size:12px}.nav-contact{font-size:12px;padding:12px;gap:7px}.nav-contact svg{width:12px}.hero{height:820px;min-height:760px;max-height:none;padding:110px 20px 25px}.hero-meta{justify-content:center;font-size:12px}.hero-meta>span:first-child{display:none}.hero-center{margin-top:-140px;width:100%}.hero h1{font-size:clamp(76px,16vw,120px);margin-bottom:20px}.hero-intro{font-size:16px}.hero-description{font-size:14px}.hero-center .button{margin-top:25px}.hero-side{width:32%;max-width:180px;top:auto;bottom:120px}.hero-side-left{left:9%;transform:rotate(-10deg)}.hero-side-right{right:9%;transform:rotate(9deg)}.mini-frame{padding:5px}.mini-frame img{height:115px}.mini-frame span{font-size:12px;padding:8px 2px 3px}.side-note{display:none}.hero-bottom{font-size:12px;align-items:flex-end}.hero-bottom>span{max-width:130px;line-height:1.8}.scroll-link{font-size:12px;gap:10px}.scroll-line{height:30px}.work{padding-block:75px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:42px}.section-heading p{margin-top:23px;font-size:13px;max-width:100%}.section-heading p br{display:none}.project-grid{display:block}.project{display:block;width:100%;margin-bottom:38px}.project-lexus{padding:0}.project-visual{height:360px}.project-meta strong{font-size:17px}.project-meta small{font-size:12px}.project-porsche{width:100%;margin-bottom:0}.porsche-visual{padding:28px;align-items:flex-start;flex-direction:column;min-height:320px;height:320px}.porsche-title{font-size:50px}.porsche-visual .project-type{font-size:25px}.haddo-visual{padding:28px 23px 0}.haddo-name{font-size:37px}.lexus-title{font-size:50px}.pending-caption{font-size:12px}.services{padding-block:70px 80px}.service-list{margin-top:35px}summary{font-size:22px;padding-block:25px;gap:16px}.service-icon{width:32px;height:32px;flex:none}.service-content{padding-left:16px;padding-bottom:26px}.service-content p{font-size:14px}.gallery-section{height:auto;min-height:0;padding:70px 20px 45px}.gallery-sticky{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;overflow:visible}.gallery-heading{grid-column:1/-1;padding-bottom:18px}.gallery-heading h2{font-size:52px}.gallery-heading p{margin-top:22px}.image-notice{font-size:12px}.gallery-image{position:relative;width:auto;max-width:none;top:auto;left:auto;right:auto;transform:none}.gallery-image img{height:190px}.gallery-one{transform:rotate(-5deg)}.gallery-two{transform:rotate(5deg);margin-top:42px}.gallery-three{grid-column:1/-1;width:58%;justify-self:center;transform:rotate(-4deg)}.gallery-image figcaption{font-size:12px;line-height:1.5;padding:8px 3px 2px}.gallery-footnote{position:static;grid-column:1/-1;font-size:12px;margin-top:17px}.about{display:block;padding-block:80px}.about-monogram{font-size:42px;margin-bottom:25px}.about h2{font-size:43px}.about-copy{padding-top:30px}.about-copy .large-copy{font-size:20px}.about-copy p{font-size:14px}.about-copy .personal-note{font-size:22px}.contact{display:block;padding-block:70px}.contact h2{font-size:54px}.contact-dot{margin-bottom:22px}.contact-heading p{margin-top:23px;font-size:14px}.contact-location{margin-top:25px;font-size:12px}.contact form{padding-top:45px}.field{margin-bottom:24px}input,textarea,select{font-size:16px}.form-row{gap:18px}.field label{font-size:12px}footer{display:grid;grid-template-columns:1fr auto;padding-block:30px;gap:25px}.footer-name{font-size:20px}footer>div{grid-row:2;grid-column:1/-1;font-size:12px;gap:7px}.back-top{font-size:12px}.dialog-inner{padding:60px 25px 30px}dialog h2{font-size:37px}dialog p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gallery-section{height:auto;min-height:0;padding:85px 50px}.gallery-sticky{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;overflow:visible}.gallery-heading{grid-column:1/-1;margin-bottom:25px}.gallery-image{position:static;width:100%;transform:none!important}.gallery-footnote{position:static;grid-column:1/-1}.hero-side{transform:none!important}}@media(prefers-reduced-motion:reduce)and (max-width:760px){.gallery-section{padding:65px 20px}.gallery-sticky{grid-template-columns:1fr;gap:25px}.gallery-image{max-width:400px;justify-self:center}.gallery-image img{height:260px}.gallery-three{grid-column:auto}}.haddo-visual{padding:0}.haddo-visual>img{object-position:center;transition:filter .4s,transform .6s}.project:hover .haddo-visual>img{filter:blur(3px) brightness(.65);transform:scale(1.03)}.haddo-photo-label{position:absolute;bottom:17px;left:17px;max-width:calc(100% - 34px);background:#101910ed;color:#f1f1e9;padding:9px 12px;border-radius:30px;font-size:12px;line-height:1.5}@media(max-width:760px){.site-header{top:max(12px,env(safe-area-inset-top));width:calc(100% - 24px);gap:8px;padding:5px 6px 5px 12px}.wordmark{min-width:44px;min-height:44px;display:flex;align-items:center}nav{gap:2px}nav a{min-height:44px;padding-inline:8px;display:flex;align-items:center}.nav-contact{min-height:44px;padding:10px 12px;gap:6px}.hero{height:auto;min-height:780px;min-height:max(780px,100svh);padding:108px 20px 25px;justify-content:flex-start}.hero-center{margin-top:52px;max-width:440px}.hero h1{font-size:clamp(72px,19vw,112px);margin-bottom:20px}.hero-intro{font-size:16px}.hero-description{font-size:15px;max-width:34ch;margin-inline:auto}.hero-description br{display:none}.hero-center .button{margin-top:24px;min-height:52px}.hero-side{width:34%;max-width:165px;bottom:105px}.hero-side-left{left:10%}.hero-side-right{right:10%}.mini-frame img{height:125px}.mini-frame span{font-size:12px;line-height:1.4}.hero-bottom{margin-top:auto;padding-top:255px;gap:12px}.scroll-link{min-height:44px}.section-heading h2{font-size:clamp(36px,10.8vw,52px)}.section-heading p,.service-content p,.about-copy p,.contact-heading p{font-size:16px;line-height:1.7}.project-visual{height:auto;aspect-ratio:1.06}.project-meta{gap:12px;align-items:flex-start}.project-meta strong{font-size:18px;line-height:1.35}.project-meta small{font-size:13px;line-height:1.55;margin-top:5px}.project-arrow{width:44px;height:44px;flex:none}.lexus-visual{padding:26px}.lexus-title{font-size:46px}.project-type{font-size:30px}.porsche-visual{min-height:300px;padding:26px}.porsche-title{font-size:48px}.haddo-photo-label{left:12px;bottom:12px;max-width:calc(100% - 24px);border-radius:8px;padding:8px 10px}summary{font-size:21px;line-height:1.35;padding-block:22px;gap:12px}.service-icon{width:40px;height:40px}.service-content{padding-left:0;gap:14px}.service-content a,.text-link{min-height:44px;font-size:14px;white-space:normal}.gallery-heading h2{font-size:clamp(43px,12vw,60px)}.gallery-image img{height:clamp(150px,46vw,220px)}.gallery-three{width:64%}.gallery-three img{height:230px}.gallery-heading p{font-size:16px}.gallery-footnote{line-height:1.6;max-width:30ch;justify-self:center}.about h2{font-size:clamp(38px,11vw,50px)}.about-copy .large-copy{font-size:21px}.contact h2{font-size:clamp(43px,12vw,60px)}.contact form{padding-top:35px}.form-row{grid-template-columns:1fr;gap:0}.field label{font-size:14px;margin-bottom:6px}input,select{min-height:52px}textarea{min-height:135px;line-height:1.6}.form-preview,.field-error,#form-status{font-size:14px;line-height:1.6}form>.button{width:100%;min-height:54px;justify-content:space-between;padding-inline:22px}.back-top,.footer-name{min-height:44px;display:flex;align-items:center}dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}.dialog-inner{padding:76px 24px 30px}.dialog-close{width:44px;height:44px;top:14px;right:14px}dialog h2{font-size:36px}dialog p{font-size:16px}dialog .button{width:100%;gap:12px}}@media(max-width:359px){.site-header{padding-left:9px;gap:2px}nav a{padding-inline:5px}.nav-contact{padding-inline:9px}.nav-contact svg{display:none}.hero{padding-inline:16px}.hero-center{margin-top:42px}.hero-intro{font-size:15px}.section-wrap{width:calc(100% - 32px)}.lexus-visual,.porsche-visual{padding:22px}.pending-caption{max-width:22ch}.project-meta strong{font-size:17px}}@media(hover:none){.project:hover .project-visual{transform:none}.project:hover .haddo-visual>img{filter:none;transform:none}.project:hover .project-open{opacity:0}.project:hover .project-arrow{transform:none;background:none}}@media(max-width:760px){.project-visual{width:100%;min-width:0}.porsche-visual{aspect-ratio:auto}}@media(min-width:761px)and (max-width:1050px){.wordmark{min-width:44px;min-height:44px;display:flex;align-items:center}nav a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.hero-side .mini-frame img{filter:none;object-position:50% 72%}.gallery-one img,.gallery-two img{object-position:50% 72%}.gallery-three img{object-position:50% 65%}.hero-intro{max-width:570px;margin-inline:auto;text-wrap:balance}.project-porsche{width:100%;margin-bottom:0}.porsche-visual{padding-top:68px}.shop-status{position:absolute;top:24px;left:40px;font-size:12px;color:var(--accent);letter-spacing:.02em}.contact-heading .enquiry-next{font-size:14px;max-width:35ch;margin-top:18px}@media(max-width:760px){.project-porsche{margin-bottom:38px}.porsche-visual{padding-top:60px}.shop-status{top:22px;left:26px}.porsche-visual .project-type{font-size:22px}.hero-intro{max-width:30ch}.contact-heading .enquiry-next{font-size:15px}}.shop-page{padding-top:175px}.shop-intro{max-width:740px;padding-bottom:75px}.shop-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--accent)}.shop-intro h1{font-size:clamp(70px,8vw,112px);line-height:1.02;margin:28px 0}.shop-intro>p{max-width:46ch;color:var(--muted);font-size:18px}.shop-collection{display:grid;grid-template-columns:1fr 1fr;gap:40px}.shop-item{min-width:0}.preset-art,.software-art{position:relative;height:480px;border-radius:12px;overflow:hidden;background:#20251e}.preset-art img{object-position:50% 70%}.product-status{position:absolute;top:20px;left:20px;background:#141913ed;padding:9px 14px;border:1px solid #58634e;border-radius:30px;font-size:12px;color:var(--text)}.software-art{display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.software-symbol{font-size:70px;color:var(--accent);letter-spacing:-.06em}.software-symbol em{font-size:110px;padding-inline:15px}.software-art-note{position:absolute;bottom:28px;font-size:14px;color:var(--muted)}.shop-item-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 12px}.shop-item-heading h2{font-size:27px;letter-spacing:-.02em}.shop-item-heading>span{font-size:12px;color:var(--muted)}.shop-item>p{font-size:16px;color:var(--muted);max-width:48ch}.shop-enquiry{padding-block:90px;margin-top:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.shop-enquiry h2{font-size:42px}.shop-enquiry p{max-width:46ch;margin-top:20px;color:var(--muted)}.shop-enquiry .button{flex-shrink:0}@media(max-width:760px){.site-header{display:grid;grid-template-columns:1fr auto;border-radius:24px;padding:4px 12px;gap:0;max-width:440px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-around;border-top:1px solid var(--line)}.site-header nav a{min-width:44px;justify-content:center}.nav-contact{grid-column:2;grid-row:1;min-height:38px;padding-block:8px}html{scroll-padding-top:125px}.hero{padding-top:140px}.hero-center{margin-top:35px}.shop-page{padding-top:155px}.shop-intro{padding-bottom:45px}.shop-intro h1{font-size:68px}.shop-intro>p{font-size:16px}.shop-collection{grid-template-columns:1fr;gap:45px}.preset-art,.software-art{height:360px}.shop-item-heading h2{font-size:24px}.shop-enquiry{display:block;margin-top:60px;padding-block:55px}.shop-enquiry h2{font-size:36px}.shop-enquiry .button{margin-top:25px;width:100%}}@media(prefers-reduced-motion:no-preference){.shop-intro{animation:shop-enter .8s ease-out both}@keyframes shop-enter{0%{transform:translateY(20px)}to{transform:translateY(0)}}}.haddo-visual{display:block;padding:0;height:auto;aspect-ratio:1256 / 702;background:transparent}.haddo-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border:0;border-radius:0;box-shadow:none}.lexus-visual.lexus-photo{padding:0;display:block;background:var(--surface)}.lexus-photo:after{content:none}.lexus-photo>img{object-position:50% 68%}.about-portrait{width:min(340px,100%);height:auto;aspect-ratio:1;margin-top:35px;border-radius:12px;object-fit:cover}.case-photos{display:grid;gap:18px;margin-top:30px}.case-photos img{width:100%;height:auto;border-radius:7px}@media(max-width:760px){.about-portrait{width:min(300px,100%);margin-top:28px}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.project-lexus{padding-top:0}.project-haddo .project-visual,.project-lexus .project-visual{width:100%;height:auto;aspect-ratio:3 / 2;position:relative}.project-haddo .project-visual>img,.project-lexus .project-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-haddo .project-visual>img{object-position:left top}.porsche-visual.porsche-screens{display:grid;grid-template-columns:1.97fr 1.789fr;align-items:stretch;gap:14px;padding:0;height:auto;min-height:0;aspect-ratio:auto;background:transparent;overflow:visible}.porsche-screens>img{display:block;width:100%;height:auto;align-self:start;border-radius:10px;object-fit:contain}@media(max-width:760px){.porsche-visual.porsche-screens{grid-template-columns:1fr;gap:14px}.porsche-screens>img{border-radius:9px}.porsche-screens .porsche-dashboard{width:100%}}.section-kicker{display:block;font-size:12px;letter-spacing:.1em;color:var(--accent);line-height:1.6}.footer-name{font-family:DM Sans,sans-serif;font-style:normal}.portfolio-strip{padding:90px 0;background:var(--bg)}.strip-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.strip-heading h2{font-size:clamp(30px,3.5vw,48px);margin-top:14px}.strip-controls{display:flex;gap:8px;flex:none}.strip-controls button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:16px}.strip-controls [data-strip-pause]{padding:0 16px;font-size:13px;min-width:125px}.strip-controls button:hover{background:var(--surface)}.portfolio-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;position:relative}.portfolio-viewport::-webkit-scrollbar{display:none}.portfolio-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.portfolio-track{display:flex;width:max-content;gap:18px}.portfolio-group{display:flex;gap:18px;flex:none}.portfolio-group img{flex:none;width:clamp(200px,24vw,330px);height:auto;aspect-ratio:4 / 5;object-fit:contain;border-radius:5px}@media(max-width:760px){.portfolio-strip{padding-block:60px}.strip-heading{display:block;margin-bottom:25px}.strip-heading h2{font-size:32px}.strip-controls{margin-top:25px}.portfolio-group img{width:66vw;max-width:300px}.portfolio-track,.portfolio-group{gap:18px}}.hero-side{width:clamp(110px,calc((100vw - 720px)/2 - 50px),260px);max-width:260px}.hero-side-left{left:4%;top:31%;transform:rotate(-5deg)}.hero-side-right{right:4%;top:40%;transform:rotate(5deg)}.hero-side .mini-frame{padding:0;border:1px solid var(--line);border-radius:3px;background:transparent;box-shadow:0 12px 28px #0003;overflow:hidden}.hero-side .mini-frame img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;object-position:center;border-radius:0;filter:none}@media(min-width:761px)and (max-width:1050px){.hero-side{width:140px;top:auto;bottom:100px}.hero-side-left{left:4%}.hero-side-right{right:4%;bottom:80px}}@media(max-width:760px){.hero-side{width:34%;max-width:165px;top:auto;bottom:105px}.hero-side-left{left:10%;bottom:122px}.hero-side-right{right:10%}.hero-bottom{padding-top:285px}}.service-heading-line{display:block}.site-footer{flex-wrap:wrap}.site-footer .legal-links{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px 24px;padding-top:12px}.legal-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}.legal-page{padding-top:175px;padding-bottom:90px;max-width:900px}.legal-heading{margin-bottom:50px}.legal-heading h1{font-size:clamp(42px,6vw,72px);line-height:1.1;margin-bottom:24px}.legal-heading p{max-width:62ch;color:var(--muted)}.legal-heading .legal-date{font-size:13px;margin-top:20px}.legal-copy{max-width:70ch}.legal-copy h2{font-size:26px;line-height:1.3;margin:36px 0 14px;text-wrap:initial;letter-spacing:-.02em}.legal-copy p{font-size:16px;color:var(--muted);margin-bottom:16px;line-height:1.75}.legal-copy a,.form-preview a{text-decoration:underline;text-underline-offset:3px}.legal-copy .legal-notice{border-left:2px solid var(--accent);padding:8px 0 8px 20px;color:var(--text)}@media(max-width:760px){.legal-page{padding-top:160px;padding-bottom:65px}.legal-heading{margin-bottom:35px}.site-footer .legal-links{grid-column:1/-1;grid-row:3;gap:4px 20px}.site-footer .footer-details{min-width:0}.site-footer .footer-details span{overflow-wrap:anywhere}}.project-button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit}.service-list summary h3{display:flex;align-items:center;justify-content:space-between;gap:inherit;width:100%;margin:0;font:inherit;letter-spacing:inherit}.portfolio-animated{overflow:hidden;touch-action:pan-y pinch-zoom}.portfolio-animated .portfolio-track{will-change:transform}.portfolio-animated img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:760px){.site-header{grid-template-columns:1fr 1fr;padding:8px 12px 4px;align-items:center}.site-header .wordmark,.site-header .nav-contact{justify-self:center;align-self:center;justify-content:center;min-height:44px}.site-header .wordmark{grid-column:1;grid-row:1}.site-header nav{margin-top:6px;width:100%}.site-footer{display:flex;flex-direction:column;align-items:center;gap:22px;padding-block:36px 24px;text-align:center}.site-footer .footer-name{font-size:30px;line-height:1.2}.site-footer .footer-details{gap:12px;align-items:center;font-size:12px;max-width:32ch;line-height:1.8}.site-footer .footer-details span:last-child{order:-1;font-size:14px;text-wrap:balance}.site-footer .back-top{justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:24px}.site-footer .legal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:0 12px;padding-top:16px;border-top:1px solid var(--line)}.site-footer .legal-links a{justify-content:center;padding:10px 4px}}.project-grid{column-gap:44px;row-gap:68px}@media(max-width:760px){.project-grid .project{margin-bottom:58px}.project-grid .project:last-child{margin-bottom:0}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.gallery-section{height:190svh;min-height:0;padding:0}.gallery-sticky{position:sticky;top:0;height:100svh;min-height:0;display:grid;grid-template-columns:1fr;place-items:center;gap:0;overflow:hidden;padding:64px 20px 30px}.gallery-heading{align-self:start;grid-column:1;grid-row:1;padding:0;margin:0;z-index:3;width:100%;max-width:340px;pointer-events:none;text-shadow:0 2px 16px #111410}.gallery-heading h2{font-size:clamp(40px,11vw,62px);line-height:1.08}.gallery-heading p{font-size:14px;line-height:1.6;max-width:27ch;margin:22px auto 0}.gallery-image{position:absolute;top:0;bottom:auto;width:37%;max-width:205px;margin:0;padding:5px;grid-column:auto;grid-row:auto;justify-self:auto;z-index:2}.gallery-image img{height:auto;aspect-ratio:4 / 5;object-fit:cover}.gallery-one{left:4%;right:auto}.gallery-two{right:4%;left:auto}.gallery-three{left:12%;right:auto;width:40%}}.site-header.header-compact{display:flex;width:max-content;max-width:calc(100% - 24px);gap:12px;padding:6px;border-radius:40px;background:var(--surface)}.site-header.header-compact nav{display:flex;align-items:center;width:auto;margin:0;padding:0 6px;border:0;gap:4px}.site-header.header-compact nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:25px;white-space:nowrap}.site-header.header-compact nav a:hover,.site-header.header-compact nav a[aria-current]{background:#22271f}.site-header.header-compact .nav-contact{min-height:44px;padding:0 18px;gap:10px;flex:none}@media(max-width:760px){.site-header.header-compact{top:max(12px,env(safe-area-inset-top));width:calc(100% - 20px);max-width:420px;gap:4px;padding:5px;border-radius:32px}.site-header.header-compact nav{flex:1;min-width:0;gap:0;padding:0}.site-header.header-compact nav a{flex:1;min-width:0;padding:0 3px;font-size:12px;line-height:1.2}.site-header.header-compact .nav-contact{padding:0 10px;font-size:12px;gap:5px}.site-header.header-compact .nav-contact svg{width:12px;height:12px}html{scroll-padding-top:88px}.hero{padding-top:112px}.shop-page,.legal-page{padding-top:125px}}@media(max-width:760px){.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:24px;row-gap:24px;height:auto;min-height:0;padding:94px 20px 24px}.hero-meta{display:none}.hero-center{grid-column:1 / -1;margin-top:0;justify-self:center}.hero h1{margin-bottom:12px}.hero-intro{margin-bottom:10px;line-height:1.45}.hero-description{font-size:14px;line-height:1.5}.hero-center .button{margin-top:18px;min-height:48px;padding-block:12px}.hero-side{position:relative;inset:auto;width:min(100%,33vw,24svh);max-width:155px;align-self:start}.hero-side-left{justify-self:end}.hero-side-right{justify-self:start;margin-top:8px}.hero-bottom{grid-column:1 / -1;margin-top:0;padding-top:6px}}@media(min-width:761px){.hero:before{content:"";position:absolute;inset:0 0 auto;height:38%;max-height:420px;z-index:-1;pointer-events:none;background-image:url(/images/portfolio/porsche-snow-960.webp);background-size:100% auto;background-position:center 28%;background-repeat:no-repeat;opacity:.38;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 100%)}}@media(max-width:760px){.hero:before{content:"";position:absolute;inset:0 0 auto;height:260px;z-index:-1;pointer-events:none;background:url(/images/portfolio/porsche-snow-960.webp) center 26% / 150% auto no-repeat;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 100%)}}.dia-text-content{display:inline-block;color:transparent;background-clip:text;-webkit-background-clip:text;background-size:100% 100%;padding:.08em .12em;margin:-.08em -.12em}@media(prefers-reduced-motion:reduce){.dia-text-content{color:var(--text);background-image:none!important}}.form-honeypot{display:none}#contact-form button:disabled{opacity:.65;cursor:wait}.contact-email a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.2em}