:root{--paper:#f5f3ee;--ink:#292a25;--muted:#77786f;--orange:#ff6035;--line:#dcdcd4;--font:Manrope,Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--paper)}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--ink);color:white;padding:16px}.skip:focus{top:15px}.header{margin:0 4.7%;height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font-weight:800;font-size:39px;letter-spacing:-3px;line-height:1}.logo span{font-size:13px;letter-spacing:0;vertical-align:top;display:inline-block;margin:6px 0 0 5px}.header nav{display:flex;align-items:center;gap:42px;font-size:12px;font-weight:600}.header nav a{transition:color .2s}.header nav a:hover{color:var(--orange)}.header nav span{margin-left:8px;font-size:10px;color:var(--muted)}.header .nav-contact{padding:12px 0 12px 23px;border-left:1px solid var(--line)}.header .nav-contact span{font-size:20px;color:var(--ink)}.menu-toggle{display:none}.hero{padding:40px 4.7% 0;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow i{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #ff603512}.hero-note{font-size:11px;line-height:1.7;padding-right:20px}.hero h1{font-size:clamp(64px,7.2vw,116px);line-height:1.03;letter-spacing:-6px;font-weight:500;margin:37px 0 34px;width:68%;position:relative;z-index:2;pointer-events:none}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-3px}.character{color:var(--orange)}.asterisk{display:inline-block;font-size:.8em;margin-left:19px;animation:rotate 24s linear infinite}.hero-bottom{position:relative;z-index:3;display:flex;gap:22px;align-items:center;flex-wrap:wrap;max-width:58%;padding-bottom:48px}.hero-bottom p{width:100%;font-size:13px;line-height:1.9;color:#66675e;margin:0 0 8px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 24px;border-radius:40px;font-weight:600;font-size:12px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:var(--orange)}.dark{background:var(--ink);color:var(--paper)}.pill span{font-size:21px;line-height:1}.light{background:var(--paper);color:var(--ink)}.showreel-link{background:transparent;display:flex;align-items:center;gap:10px;font-size:11px;padding:0;color:var(--ink);text-align:left}.showreel-link small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.play-circle{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}.hero-visual{position:absolute;right:4.7%;top:130px;width:41%;height:415px}.floating-card{position:absolute;overflow:hidden;box-shadow:0 22px 60px #28251a26;transition:transform .45s}.floating-card:hover{transform:translateY(-10px) rotate(0deg)}.coffee-float{width:215px;height:264px;left:0;top:-23px;background:#dacfaf;padding:12px;transform:rotate(-9deg)}.coffee-float img{height:168px}.coffee-float>span{display:block;font-size:8px;margin:12px 0 8px}.coffee-float strong{font-size:30px;letter-spacing:-1px;display:flex;justify-content:space-between;align-items:center}.coffee-float strong span{font-size:20px}.restaurant-float{right:-3px;top:94px;width:330px;height:300px;transform:rotate(8deg);background:#242922}.restaurant-float img{filter:brightness(.52);position:absolute}.mini-restaurant{position:relative;padding:44px 23px;color:#f3ecdd}.mini-restaurant small{font-size:7px;letter-spacing:2px}.mini-restaurant strong{display:block;font:43px/.95 var(--serif);font-weight:400;margin:22px 0}.mini-restaurant span{font-size:8px}.floating-label{position:absolute;bottom:16px;right:15px;font-size:8px;color:white}.visual-sticker{position:absolute;right:25px;top:-10px;background:var(--orange);width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);border-radius:50%;font-size:14px;line-height:1.1;z-index:3}.visual-sticker em{font:32px var(--serif)}.visual-caption{position:absolute;bottom:-20px;right:54px;font-size:9px;letter-spacing:1px}.hero-footer{padding:21px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-footer a{letter-spacing:0}.ticker{background:var(--orange);overflow:hidden;height:60px;display:flex;align-items:center;font-size:13px;font-weight:600;letter-spacing:2px}.ticker div{white-space:nowrap;animation:ticker 32s linear infinite}.ticker b{margin:0 38px;font-size:26px;vertical-align:middle}.section{padding:96px 4.7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:39px}.section-heading h2,h2{font-size:clamp(36px,4.7vw,70px);letter-spacing:-2.5px;font-weight:500;line-height:1.07;margin:23px 0 0}h2 em{font-family:var(--serif);font-weight:400}.section-heading p{font-size:12px;line-height:1.9;margin:0 12px 6px 0;color:var(--muted)}.filters{border-top:1px solid var(--line);padding:22px 0 32px;display:flex;align-items:center;gap:10px}.filters button{border:1px solid var(--line);padding:11px 19px;border-radius:30px;background:transparent;color:var(--ink);font-size:10px}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters small{margin-left:7px}.concept-note{margin-left:auto;font-size:9px;color:var(--muted)}.project-image{position:relative;display:block;overflow:hidden;height:535px;background:#252b22}.project-image>img{position:absolute;filter:brightness(.51);transition:transform 1s,filter 1s}.project-image:hover>img{transform:scale(1.035);filter:brightness(.62)}.preview-nav{position:absolute;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#efe8db}.preview-nav b{font:32px var(--serif)}.preview-nav span{font-size:8px;letter-spacing:1px}.preview-title{position:relative;color:#efe8db;text-align:center;padding-top:142px}.preview-title small{font-size:8px;letter-spacing:2px}.preview-title h3{font:76px/.96 var(--serif);margin:23px 0 28px}.preview-cta{font-size:9px;border:1px solid #d3c8ac70;padding:12px 23px;border-radius:30px}.project-open{position:absolute;bottom:22px;right:22px;background:var(--paper);padding:13px 18px;border-radius:30px;color:var(--ink);font-size:10px;opacity:0;transform:translateY(6px);transition:.25s}.project-image:hover .project-open,.project-image:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-info{display:flex;align-items:center;gap:25px;padding:22px 0 15px}.project-info>div:first-child{position:relative;padding-left:34px;flex:1}.project-number{position:absolute;top:4px;left:0;color:var(--muted);font-size:9px}.project-info h3{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:0 0 6px}.project-info p{font-size:10px;color:var(--muted);margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:8px;border:1px solid var(--line);border-radius:20px;padding:8px 11px}.round-link{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:.2s}.round-link:hover{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:45px}.project-grid .project-image{height:420px}.pause-preview{background:#d9dfc9;color:#283528}.pause-preview .preview-nav{color:#283528;z-index:2}.pause-preview .preview-nav b{font:800 23px var(--font);letter-spacing:-1px}.pause-preview h3{position:relative;z-index:2;font:500 44px/1.06 var(--font);letter-spacing:-2px;padding:74px 0 0 27px}.pause-preview h3 em{font:italic 58px/.9 var(--serif)}.pause-preview>img{right:-38px;bottom:-65px;width:69%;height:78%;border-radius:50% 50% 0 0;filter:brightness(.92);transform:rotate(-10deg)}.pause-preview:hover>img{filter:brightness(1);transform:rotate(-6deg) scale(1.03)}.pause-star{position:absolute;bottom:20px;left:30px;font-size:68px;color:#818c5b;animation:rotate 30s linear infinite}.noir-preview .preview-nav b{font:300 26px var(--font);letter-spacing:4px}.noir-preview .preview-nav{color:#f1eedf}.noir-preview>img{filter:brightness(.33)}.noir-preview h3{position:relative;color:#f1eedf;font:300 62px/1.1 var(--font);letter-spacing:-3px;padding:105px 0 0 28px}.noir-preview h3 em{font:italic 73px var(--serif);color:#c7d67b}.noir-line{position:absolute;left:32px;right:32px;bottom:42px;height:1px;background:#c7d67b50}.honest-note{font-size:10px;color:var(--muted);max-width:650px;line-height:1.8;margin:38px 0 0}.reel-section{background:#282c25;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;overflow:hidden}.reel-copy h2{font-size:57px}.reel-copy p{color:#afb3a9;font-size:12px;line-height:1.9;margin:27px 0}.reel-poster{position:relative;height:300px;transform:rotate(3deg);background:transparent;color:var(--paper);padding:0}.poster-browser{position:absolute;inset:0;border:1px solid #70796a;border-radius:7px;overflow:hidden;background:#1d201a}.browser-top{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#c2c4ba;font-size:7px}.browser-top span:first-child{letter-spacing:3px}.poster-browser img{height:calc(100% - 26px);filter:brightness(.45)}.poster-title{position:absolute;top:88px;left:0;right:0;font:60px var(--serif)}.poster-title small{display:block;font-size:19px}.large-play{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:65px;height:65px;background:var(--orange);display:grid;place-items:center;font-size:16px;padding-left:4px;transition:scale .2s}.reel-poster:hover .large-play{scale:1.1}.reel-duration{position:absolute;bottom:13px;right:16px;font-size:8px;letter-spacing:1px}.approach-rows{border-top:1px solid var(--line)}.approach-row{display:grid;grid-template-columns:.2fr 1fr 1fr .16fr;align-items:center;gap:35px;padding:32px 0;border-bottom:1px solid var(--line)}.approach-row>span{font-size:10px;color:var(--muted)}.approach-row h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:0}.approach-row p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.approach-row b{font-size:33px;font-weight:400;color:var(--orange);text-align:right}.process{padding-top:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:30px}.process-grid>div{border-top:1px solid var(--line);padding-top:20px}.process small{font-size:9px;color:var(--muted);letter-spacing:.6px}.process h3{font-size:16px;line-height:1.6;font-weight:500;margin:15px 0 10px}.process p{font-size:11px;line-height:1.9;color:var(--muted)}.contact{background:var(--orange);padding-top:55px;padding-bottom:60px}.contact-top{display:flex;justify-content:space-between}.contact-star{font-size:75px;line-height:1}.contact h2{font-size:clamp(44px,6.5vw,95px);margin:16px 0 40px;letter-spacing:-4px}.contact-bottom{display:flex;align-items:center;justify-content:space-between}.contact-bottom p{font-size:12px;line-height:1.9}.contact .pill:hover{background:#43473e}footer{padding:30px 4.7%;display:flex;align-items:center;justify-content:space-between;gap:15px}footer .logo{font-size:29px}footer span,footer>a:last-child{font-size:9px;color:var(--muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-height:92dvh;overflow:auto}dialog::backdrop{background:#171b18cf;backdrop-filter:blur(7px)}.reel-dialog{width:min(1000px,92vw)}.dialog-head{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px}.dialog-close{background:transparent;color:var(--ink);font-size:30px;line-height:1;width:40px;height:35px}.reel-dialog video{width:100%;display:block;background:#151b16;aspect-ratio:16/10}.dialog-foot{display:flex;gap:22px;justify-content:space-between;padding:20px 22px;font-size:10px}.brief-dialog{width:min(550px,94vw);padding-bottom:24px}.brief-dialog h2{font-size:32px;margin:23px 25px 15px}.brief-dialog>p{font-size:12px;margin:0 25px 20px;line-height:1.8;color:var(--muted)}#brief-form{margin:0 25px;display:grid;gap:15px}label{font-size:11px;font-weight:600;display:grid;gap:7px}input,textarea,select{width:100%;padding:12px;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:2px;font-size:12px}textarea{resize:vertical}.form-note{font-size:9px;line-height:1.7;color:var(--muted)}.form-status{font-size:11px;margin:0}.brief-dialog .pill{justify-self:start}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1550px){.hero{padding-top:50px}.hero h1{margin-top:45px}.hero-visual{top:160px;right:7%;width:39%;height:440px}.coffee-float{width:250px;height:295px}.coffee-float img{height:190px}.restaurant-float{width:390px;height:340px}.hero-bottom{padding-bottom:60px}.hero-visual .mini-restaurant strong{font-size:51px}}
@media(max-width:1100px){.hero h1{font-size:78px}.hero-visual{width:38%;top:160px;height:340px}.coffee-float{width:172px;height:224px;left:-35px}.coffee-float img{height:136px}.coffee-float strong{font-size:25px}.restaurant-float{width:247px;height:247px;top:85px}.mini-restaurant{padding:34px 20px}.mini-restaurant strong{font-size:37px}.visual-sticker{width:78px;height:78px;right:0;font-size:11px}.visual-sticker em{font-size:25px}.section{padding-top:72px;padding-bottom:72px}.reel-copy h2{font-size:45px}.reel-section{gap:30px}.process{padding-top:0}.project-grid .project-image{height:370px}.pause-preview h3{font-size:35px}.noir-preview h3{font-size:48px}.noir-preview h3 em{font-size:58px}}
@media(max-width:760px){.header{height:76px;margin:0 6%}.logo{font-size:33px}.header nav{gap:20px}.header nav>a{font-size:10px}.header .nav-contact{padding-left:15px}.hero{padding:26px 6% 0}.hero-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(48px,10.9vw,81px);letter-spacing:-3px;width:100%;margin:30px 0 19px}.hero h1 em{letter-spacing:-2px}.asterisk{margin-left:12px}.hero-visual{position:relative;top:auto;right:auto;width:100%;height:330px;margin:27px 0 20px}.coffee-float{left:5%;top:0;width:42%;height:235px}.coffee-float img{height:150px}.restaurant-float{right:3%;top:60px;width:55%;height:240px}.visual-sticker{right:5%;top:-3px}.visual-caption{bottom:0;right:14%}.hero-bottom{max-width:100%;gap:20px;padding-bottom:0}.hero-bottom p{font-size:12px;line-height:1.8}.hero-footer{margin-top:26px;padding:18px 0;font-size:7px;letter-spacing:.7px}.hero-footer>span:last-child{display:none}.ticker{height:46px;font-size:10px}.ticker b{font-size:22px;margin:0 24px}.section{padding:59px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:43px;letter-spacing:-1.5px;margin-top:17px}.section-heading p{margin-top:20px;font-size:11px}.filters{flex-wrap:wrap;padding:19px 0 25px;gap:7px}.filters button{font-size:9px;padding:9px 12px}.concept-note{width:100%;margin:10px 0 0;font-size:8px}.project-image{height:380px}.preview-nav{left:20px;right:20px;top:19px}.preview-nav b{font-size:26px}.preview-nav span{font-size:6px}.preview-title{padding-top:108px}.preview-title small{font-size:6px}.preview-title h3{font-size:57px}.project-info{gap:15px}.project-info>.tags{display:none}.project-info h3{font-size:22px}.project-open{opacity:1;transform:none;bottom:16px;right:16px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:35px;margin-top:31px}.project-grid .project-image{height:390px}.pause-preview h3{font-size:40px;padding-top:78px}.pause-preview h3 em{font-size:56px}.noir-preview h3{font-size:58px;padding-top:100px}.noir-preview h3 em{font-size:70px}.honest-note{font-size:9px;margin-top:25px}.reel-section{grid-template-columns:1fr;gap:45px}.reel-copy h2{font-size:45px}.reel-poster{height:260px;margin:0 5px}.approach-row{grid-template-columns:22px 1fr 25px;gap:14px;padding:24px 0}.approach-row h3{font-size:18px}.approach-row p{grid-column:2;grid-row:2;font-size:10px}.approach-row b{grid-row:1;grid-column:3;font-size:27px}.process{padding-top:0}.process-grid{grid-template-columns:1fr 1fr;gap:24px}.process h3{font-size:14px}.process small{font-size:8px}.process p{font-size:10px}.contact-star{font-size:49px}.contact h2{font-size:48px;letter-spacing:-2px;margin-top:25px}.contact-bottom{display:block}.contact-bottom .pill{margin-top:15px}footer{flex-wrap:wrap;padding:25px 6%}footer>span:nth-child(2){width:65%;text-align:right;font-size:8px}.dialog-foot{flex-wrap:wrap;font-size:9px;gap:15px}.menu-toggle{display:none}}
@media(max-width:400px){.header nav{display:none;position:absolute;top:76px;left:-6%;right:-6%;background:var(--paper);padding:25px;box-shadow:0 10px 15px #2221}.header nav.open{display:flex;flex-direction:column;align-items:flex-start}.menu-toggle{display:block;background:transparent;font-size:23px;padding:10px}.hero h1{font-size:43px}.showreel-link{font-size:10px}.pill{padding:16px 20px;font-size:11px;gap:16px}.hero-visual{height:290px}.coffee-float{height:214px}.coffee-float img{height:134px}.restaurant-float{height:214px}.mini-restaurant strong{font-size:31px}.contact h2{font-size:41px}.project-image{height:340px}.preview-title h3{font-size:50px}.process-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.star-icon{width:.82em;height:.82em;vertical-align:0}.mini-restaurant strong{margin:18px 0}.mini-restaurant{padding:35px 23px}.floating-label{bottom:11px}.mini-restaurant>span{font-size:7px}
.lumi-preview{background:#ede4db;color:#53433b}.lumi-preview>img{left:48%;width:52%;filter:brightness(.87) saturate(.6);object-position:center}.lumi-preview .preview-nav{color:#53433b;z-index:2}.lumi-preview .preview-nav span{max-width:130px;text-align:right;font-size:6px}.lumi-preview h3{position:relative;padding:128px 0 0 27px;font:52px/1.03 var(--serif);letter-spacing:-1.5px;width:80%;z-index:1}.lumi-preview h3 em{color:#9b7461}.torque-preview>img{filter:brightness(.32);object-position:65% center}.torque-preview .preview-nav b{font:800 22px var(--font);letter-spacing:-.8px;color:#eef2e6}.torque-preview .preview-nav span{font-size:6px;color:#cfd4c5}.torque-preview h3{position:relative;padding:132px 27px 0;font:600 47px/1.13 var(--font);letter-spacing:-2px;color:#eef2e6}.torque-preview h3 em{color:#d5f75a;font-style:normal}.line-preview>img{filter:brightness(.45);object-position:50% 30%}.line-preview .preview-nav b{font:600 25px var(--font);letter-spacing:4px}.line-preview .preview-nav span{font-size:6px}.line-preview h3{position:relative;padding:127px 27px 0;font:500 42px/1.13 var(--font);letter-spacing:-1.8px;color:#f6f5ed}.line-preview h3 em{font:italic 58px var(--serif);letter-spacing:-1px}.flora-preview{background:#f1e4e6;color:#62424b}.flora-preview>img{left:45%;width:55%;filter:saturate(.7) brightness(.9);border-radius:50% 0 0 0}.flora-preview .preview-nav{color:#62424b;z-index:2}.flora-preview .preview-nav span{font-size:6px;max-width:140px;text-align:right}.flora-preview h3{position:relative;padding:113px 0 0 26px;font:58px/1.05 var(--serif);letter-spacing:-1.5px;z-index:1}.flora-preview h3 em{color:#a76e7f}.line-two em{margin-left:.05em}.filters button{flex-shrink:0}.concept-note{font-size:8px}.project-grid .project-info p{line-height:1.8}.project-grid .project{min-width:0}
@media(max-width:1100px){.lumi-preview h3{font-size:45px;padding-top:123px}.torque-preview h3{font-size:40px;padding-top:124px}.line-preview h3{font-size:35px;padding-top:126px}.line-preview h3 em{font-size:50px}.flora-preview h3{font-size:51px;padding-top:113px}.filters{flex-wrap:wrap}.concept-note{margin-left:auto}}
@media(max-width:760px){.lumi-preview h3{font-size:46px;padding:116px 0 0 22px}.torque-preview h3{font-size:43px;padding:130px 22px 0}.line-preview h3{font-size:37px;padding:124px 22px 0}.line-preview h3 em{font-size:54px}.flora-preview h3{font-size:53px;padding:116px 0 0 22px}.concept-note{margin-left:0}.filters button{font-size:8px;padding:9px 11px}.filters{gap:6px}.filters small{margin-left:4px}}
@media(max-width:375px){.lumi-preview h3{font-size:41px}.torque-preview h3{font-size:39px}.line-preview h3{font-size:32px}.line-preview h3 em{font-size:47px}.flora-preview h3{font-size:47px}}
/* Screenshot cards keep the entire viewport visible at every screen width. */
/* Readable project teasers: text and photography occupy separate grid cells. */
.project-grid .project-image.teaser-preview{height:420px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);grid-template-rows:44px 1fr 36px;gap:16px;isolation:isolate;overflow:hidden}
.teaser-nav{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.teaser-nav b{font-size:27px;line-height:1;letter-spacing:-1px}
.teaser-nav span{font-size:8px;letter-spacing:1px;text-align:right;max-width:130px}
.teaser-copy{align-self:center;min-width:0;z-index:1}
.teaser-copy h3{margin:0;font-size:clamp(29px,3.3vw,46px);line-height:1.05;letter-spacing:-1.7px;font-weight:500}
.teaser-copy em{font-family:var(--serif);font-weight:400}
.teaser-photo{min-width:0;min-height:0;overflow:hidden;position:relative}
.teaser-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.teaser-preview:hover .teaser-photo img{transform:scale(1.035)}
.teaser-caption{grid-column:1/-1;align-self:center;font-size:8px;letter-spacing:1.2px}
.teaser-preview .project-open{opacity:1;transform:none;bottom:17px;right:18px;padding:11px 14px;font-size:10px;background:#f5f3ee;color:#1d211a}
.teaser-pause{background:#d9dfc6;color:#293929}
.teaser-pause .teaser-photo{border-radius:110px 110px 0 0}
.teaser-pause .teaser-copy h3{font-size:clamp(28px,3vw,42px)}
.teaser-lumi{background:#281c19;color:#e8b697}
.teaser-lumi .teaser-nav b{font-weight:400;letter-spacing:4px}
.teaser-lumi .teaser-copy h3{font-family:var(--serif);font-size:clamp(30px,3.5vw,49px);letter-spacing:-1px}
.teaser-lumi .teaser-photo{border:1px solid #805441;padding:5px}
.teaser-lumi .teaser-photo img{object-position:50% 25%;filter:sepia(.2)}
.teaser-torque{background-color:#121c29;color:#f1f4f7;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:24px 24px}
.teaser-torque .teaser-copy h3{font-size:clamp(27px,2.9vw,40px);font-weight:700;letter-spacing:-1px}
.teaser-torque .teaser-copy em{font-family:inherit;font-style:normal;font-weight:700;color:#6198ff}
.teaser-torque .teaser-photo{border-bottom:5px solid #2459ff}
.teaser-line{background:#d9ff39;color:#191c16}
.teaser-line .teaser-nav b{font-size:49px;font-weight:800;letter-spacing:-4px}
.teaser-line .teaser-copy h3{font-size:clamp(33px,3.8vw,52px);font-weight:800;letter-spacing:-2px}
.teaser-line .teaser-copy em{font-family:inherit;font-weight:800}
.teaser-line .teaser-photo{border:2px solid #191c16;box-shadow:5px 5px 0 #191c16}
.teaser-line .teaser-photo img{object-position:48% 40%}
.teaser-flora{background:#ffead2;color:#492178}
.teaser-flora .teaser-nav b{font-weight:800;letter-spacing:-1.5px}
.teaser-flora .teaser-copy h3{font-size:clamp(29px,3.2vw,43px);font-weight:800;letter-spacing:-1.5px}
.teaser-flora .teaser-copy em{font-family:inherit;font-style:normal;font-weight:800}
.teaser-flora .teaser-photo{border:7px solid #ec78a1;border-radius:70px 70px 10px 10px}
.teaser-flora .teaser-caption{color:#492178}
@media(max-width:1100px) and (min-width:761px){.project-grid .project-image.teaser-preview{padding:20px;gap:12px;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr)}.teaser-copy h3,.teaser-lumi .teaser-copy h3,.teaser-line .teaser-copy h3,.teaser-flora .teaser-copy h3{font-size:30px}.teaser-pause .teaser-copy h3,.teaser-torque .teaser-copy h3{font-size:27px}}
@media(max-width:1100px){.project-grid .project-image.teaser-preview{height:390px;padding:20px;grid-template-columns:minmax(0,1fr);grid-template-rows:27px auto minmax(100px,1fr);gap:14px}.teaser-nav{grid-column:1}.teaser-nav b{font-size:25px}.teaser-nav span{font-size:8px;letter-spacing:.7px;max-width:150px}.teaser-copy{align-self:start}.teaser-copy h3,.teaser-lumi .teaser-copy h3,.teaser-line .teaser-copy h3,.teaser-flora .teaser-copy h3{font-size:39px;letter-spacing:-1.4px}.teaser-pause .teaser-copy h3{font-size:34px}.teaser-torque .teaser-copy h3{font-size:32px;letter-spacing:-1px}.teaser-photo{grid-row:3;grid-column:1;width:100%}.teaser-caption{display:none}.teaser-preview .project-open{right:30px;bottom:30px;font-size:11px}.teaser-pause .teaser-photo{border-radius:90px 90px 0 0}.teaser-lumi .teaser-photo img{object-position:50% 31%}.teaser-line .teaser-nav b{font-size:34px;letter-spacing:-2px}.teaser-line .teaser-photo img{object-position:50% 35%}.teaser-flora .teaser-photo{border-radius:65px 65px 8px 8px}}
@media(prefers-reduced-motion:reduce){.teaser-photo img{transition:none}}

/* Approved personal portfolio direction. Demonstration sites keep their own styles. */
:root{--orange:#f05a28;--ink:#202320;--muted:#686a63}
.header .logo,footer .logo{font-size:25px;letter-spacing:-1px;font-weight:600}
.header nav{font-size:11px}.header nav>a{font-size:11px}.header nav span{font-size:9px}
.hero h1{font-size:clamp(48px,6.4vw,96px);letter-spacing:-.05em;width:100%;margin:42px 0 25px;font-family:var(--font);font-weight:500;line-height:1.07}
.hero-bottom{max-width:100%;padding-bottom:45px}.hero-bottom p{font-size:15px}
.hero-bottom .pill{background:var(--orange);color:#fff;font-weight:600}.hero-bottom .pill:hover{background:#c74318}
.about-intro{border-top:1px solid var(--line);padding:42px 0 32px;max-width:850px}
.about-intro h2{font-family:var(--font);font-size:42px;margin:18px 0 23px;letter-spacing:-1.5px}
.about-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:660px;margin:0 0 22px}
.personal-contacts{border-top:1px solid var(--line);margin-top:32px;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.telegram-contact{color:#bc3f18;font-size:28px;letter-spacing:-.6px}.phone-contact{font-size:25px;letter-spacing:-.7px}.personal-contacts small{color:var(--muted);font-size:12px}.personal-contacts>.eyebrow{color:var(--muted);margin-bottom:6px}
.section-heading h2 em,.contact h2 em{font-family:inherit;font-style:normal;font-weight:inherit}
.contact-links{display:flex;flex-direction:column;gap:12px}.contact-links a{font-size:20px;font-weight:600}.contact-links small{font-size:12px}.contact .contact-disclaimer{color:#202320}.contact .eyebrow{color:#202320}
@media(max-width:760px){.header .logo{font-size:23px}.header nav{display:none;position:absolute;top:76px;left:-6%;right:-6%;background:var(--paper);padding:25px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;align-items:flex-start}.header nav>a{font-size:13px}.menu-toggle{display:block;background:transparent;padding:12px;font-size:22px}.hero h1{font-size:clamp(28px,8.4vw,62px);letter-spacing:-.055em;line-height:1.1;margin:39px 0 24px}.hero-bottom{padding-bottom:35px}.hero-bottom p{font-size:14px;line-height:1.8}.hero-bottom .pill{font-size:13px;padding:18px 24px}.about-intro{padding:35px 0 15px}.about-intro h2{font-size:30px;margin:18px 0 22px;letter-spacing:-1px}.about-intro>p{font-size:15px;line-height:1.7}.personal-contacts{margin-top:28px;padding-top:25px;gap:10px}.telegram-contact{font-size:26px}.phone-contact{font-size:25px}.header .nav-contact{border:0;padding-left:0}.contact-links{margin:25px 0}.hero-footer{margin-top:24px}}

.header-concepts{display:none}@media(max-width:760px){.header-concepts{display:block;font-size:12px;margin-left:auto;margin-right:18px}.hero h1{font-size:clamp(32px,10vw,72px)}.about-intro h2{font-size:34px}}

.work-disclaimer{max-width:740px;margin:32px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}@media(max-width:760px){.work-disclaimer{margin-top:28px;font-size:13px}}

.video-preview{border:1px solid var(--line);background:transparent;color:var(--ink)}.video-preview:hover{background:var(--ink);color:var(--paper)}.video-preview span{font-size:13px}.dialog-foot a{text-decoration:underline;text-underline-offset:3px}.reel-dialog video{max-height:72dvh;object-fit:contain}
.portfolio-pdf{font-size:13px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}

/* Desktop introduction: personal information left, portfolio statement right. */
.hero-layout{display:flex;flex-direction:column}.hero-pitch{order:0;min-width:0}.hero-layout>.about-intro{order:1}
@media(min-width:1000px){.hero-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;padding:54px 0 45px;align-items:start}.hero-layout>.about-intro{order:0;border-top:0;padding:0;max-width:none;min-width:0}.hero-pitch{order:1;padding-top:16px}.hero-pitch h1{font-size:clamp(43px,4.5vw,80px);line-height:1.1;letter-spacing:-.055em;margin:0 0 35px;width:100%}.hero-layout .about-intro h2{font-size:36px;margin-top:15px;margin-bottom:21px}.hero-layout .about-intro>p{font-size:15px;line-height:1.75;margin-bottom:19px}.hero-layout .personal-contacts{margin-top:25px;padding-top:22px;gap:8px}.hero-layout .telegram-contact{font-size:26px}.hero-layout .phone-contact{font-size:23px}.hero-pitch .hero-bottom{padding-bottom:0;gap:12px}.hero-pitch .hero-bottom .video-preview{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero-pitch .hero-bottom .video-preview:hover{background:var(--ink);color:var(--paper)}.hero-pitch .pill{padding:17px 20px}.hero-footer{margin-top:0}}