@font-face{font-family:Instrument Serif;src:url('./assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('./assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('./assets/fonts/DMSans-Variable.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--lime:#d9ff0a;--lime-soft:#ecff85;--white:#f7f7f2;--ink:#111713;--forest:#0d2a20;--earth:#81634b;--sans:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--pad:clamp(20px,4.1vw,70px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}em{font-style:italic;font-weight:400}::selection{background:var(--lime);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:fixed;z-index:40;top:0;left:0;padding:12px 20px;background:var(--lime);color:var(--ink);transform:translateY(-130%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.concept{--bg:var(--white);--fg:var(--ink);--muted:#4e554c;--border:rgba(17,23,19,.36);--panel:#e9eee5;--mark:var(--ink);background:var(--bg);color:var(--fg);overflow-x:hidden}
.theme-b{--bg:#111612;--fg:#f1f2e8;--muted:#b9c3b4;--border:rgba(238,245,229,.34);--panel:#1a2a22;--mark:var(--lime)}
.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.section-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:13px;font-size:10px;letter-spacing:.11em;font-weight:600}
.mark{display:block;background:var(--mark);aspect-ratio:632/200;-webkit-mask:url('./assets/phor-logo.svg') center/contain no-repeat;mask:url('./assets/phor-logo.svg') center/contain no-repeat}
.site-header{height:93px;padding:0 var(--pad);display:grid;grid-template-columns:175px 1fr auto;gap:25px;align-items:center;position:relative;z-index:5;border-bottom:1px solid var(--border);background:var(--bg)}
.mini-logo{display:block;width:116px}.mini-logo .mark{width:116px}.mini-logo>span:last-child{display:block;font-size:7px;letter-spacing:.27em;margin-top:4px}
.site-header nav{display:flex;justify-content:center;gap:38px}.site-header nav a{font-size:12px;padding:10px 0;position:relative}.site-header nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s}.site-header nav a:hover::after,.site-header nav a[aria-current=page]::after{transform:scaleX(1)}
.site-tools{display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.07em}.site-tools>span{opacity:.6}.site-tools>a{border:1px solid var(--border);padding:9px 11px;white-space:nowrap;transition:background .3s,color .3s}.site-tools>a:hover{background:var(--fg);color:var(--bg)}
.theme-b .site-header{background:#0e1510}.theme-b .site-tools>a:hover{background:var(--lime);color:var(--ink)}
.hero{height:calc(100svh - 93px);min-height:650px;position:relative;isolation:isolate;overflow:hidden}.hero-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(130deg,#fcfcf8 0%,#f2f7d9 47%,#f8f8f3 100%)}
.hero-ambient>span{position:absolute;inset:-12%;background:radial-gradient(ellipse 42% 67% at 64% 80%,#d8ff00 0%,rgba(219,255,7,.73) 34%,rgba(239,255,154,.35) 61%,transparent 82%),radial-gradient(ellipse 30% 36% at 4% 9%,#ffffff 0%,transparent 80%);animation:ambient-drift 12s ease-in-out infinite alternate}
.hero-ambient::after,.about-gradient::after,.statement-light::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('./assets/phor-grain.svg') repeat;opacity:.11;mix-blend-mode:multiply}
.hero-topline,.hero-end{position:absolute;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.11em;font-weight:600}.hero-topline{top:20px}.hero-end{bottom:22px;border-top:1px solid var(--border);padding-top:14px}
.hero-body{height:100%;padding:8.5vh var(--pad) 8vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-kicker{font-size:11px;letter-spacing:.17em;margin-bottom:clamp(35px,7vh,90px)}.hero-logo{width:min(80vw,1100px);margin:0;opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0);transition:clip-path 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1s}.concept:not(.ready) .hero-logo{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(25px)}.hero-logo .mark{width:100%;filter:drop-shadow(0 1px 10px rgba(255,255,255,.12))}
.hero-bottom{width:100%;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;margin-top:clamp(40px,10vh,130px);border-top:1px solid var(--border);padding-top:17px}.hero-bottom p:first-child{font:400 clamp(26px,3.3vw,50px)/1 var(--serif)}.hero-bottom p:nth-child(2){max-width:220px;font-size:12px;line-height:1.55}.hero-bottom>a{font-size:10px;letter-spacing:.09em;white-space:nowrap}.hero-bottom>a span{font-size:25px;vertical-align:middle;margin-left:25px;display:inline-block;animation:nudge 2s ease-in-out infinite}
.theme-b .hero{background:#101612}.theme-b .hero-ambient{background:radial-gradient(ellipse 58% 75% at 75% 66%,rgba(127,93,67,.9),transparent 69%),linear-gradient(135deg,#061b15 0%,#14291f 55%,#0e1712 100%)}
.theme-b .hero-ambient>span{inset:-15%;background:radial-gradient(ellipse 36% 38% at 78% 77%,rgba(214,255,0,.94),rgba(201,251,4,.53) 42%,transparent 75%),radial-gradient(ellipse 34% 46% at 60% 37%,rgba(255,255,233,.38),transparent 77%),radial-gradient(ellipse 43% 53% at 28% 74%,rgba(120,85,61,.92),transparent 76%);filter:blur(35px);animation-duration:17s}
.theme-b .hero-ambient::after{opacity:.23;mix-blend-mode:screen}.theme-b .hero-body{align-items:flex-start;justify-content:flex-end;padding-bottom:12vh}.theme-b .hero-kicker{margin-bottom:clamp(30px,5vh,70px)}.theme-b .hero-logo{width:min(83vw,1150px)}.theme-b .hero-bottom{margin-top:clamp(45px,8vh,110px)}.theme-b .hero-bottom p:first-child{color:var(--lime)}
.paths{padding-top:110px;padding-bottom:145px}.paths-heading{display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:end;margin:88px 0 130px}.paths-heading h2,.statement h2,.page-lead h1,.about-manifesto h2,.services-top h2,.disciplines h2,.contact-grid h2{font:400 clamp(70px,9.5vw,156px)/.91 var(--serif);letter-spacing:-.034em}.paths-heading p{font-size:15px;line-height:1.55;max-width:220px}.paths-list{border-top:1px solid var(--border)}.paths-list>a{display:grid;grid-template-columns:60px 1fr minmax(150px,280px) 40px;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:22px 0;transition:padding .3s ease,background .3s}.paths-list>a:hover{padding-left:15px;padding-right:15px;background:rgba(160,190,63,.1)}.paths-list>a>span,.paths-list small{font-size:11px;font-weight:400}.paths-list strong{font:400 clamp(45px,6.3vw,95px)/1 var(--serif)}.paths-list b{font-size:30px;font-weight:400;text-align:right}
.theme-b .paths-list>a:hover{background:rgba(217,255,10,.08)}
.statement{position:relative;min-height:90svh;isolation:isolate;overflow:hidden;padding:65px var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--ink);background:#eef4d5}.statement-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 65% 78% at 80% 74%,#d9ff07 0%,#e7ff69 43%,transparent 80%),linear-gradient(90deg,#f7f8ec,#f2f5e8)}.statement>p,.statement>a{font-size:11px;letter-spacing:.1em;font-weight:600}.statement h2{font-size:clamp(110px,17vw,280px);line-height:.78}.statement>a{border-bottom:1px solid currentColor;padding:0 0 12px;min-width:230px}
.theme-b .statement{background:#091811;color:var(--lime)}.theme-b .statement-light{background:radial-gradient(ellipse 65% 65% at 64% 70%,rgba(192,250,3,.72),transparent 70%),radial-gradient(ellipse 47% 60% at 28% 35%,rgba(112,80,54,.8),transparent 70%),#071810;filter:blur(18px)}.theme-b .statement-light::after{opacity:.26}
.page-lead{position:relative;isolation:isolate;min-height:calc(78svh - 93px);padding-top:24px;padding-bottom:65px;display:flex;flex-direction:column;overflow:hidden}.page-lead::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 38% 60% at 84% 76%,rgba(217,255,10,.45),transparent 80%);pointer-events:none}.theme-b .page-lead::before{background:radial-gradient(ellipse 45% 58% at 85% 67%,rgba(174,215,3,.25),transparent 77%),radial-gradient(ellipse 45% 80% at 66% 60%,rgba(103,76,54,.32),transparent 80%)}
.lead-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:end;flex:1;padding:60px 0}.page-lead h1{font-size:clamp(95px,12.2vw,210px);line-height:.98}.page-lead h1 em{display:inline-block;margin-left:.13em}.lead-grid p{font-size:18px;line-height:1.35;padding-top:18px;border-top:1px solid var(--border)}
.about-manifesto{min-height:92svh;position:relative;isolation:isolate;overflow:hidden;padding-top:30px;padding-bottom:65px;display:flex;flex-direction:column;justify-content:space-between;background:#f4f8e9;color:var(--ink)}
.about-gradient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 47% 65% at 70% 75%,rgba(216,255,0,.92),transparent 79%),linear-gradient(155deg,#fff 10%,#f3f9cf 100%)}.about-manifesto h2{font-size:clamp(75px,10.1vw,170px);line-height:.9;margin:100px 0}.about-manifesto-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;border-top:1px solid rgba(17,23,19,.45);padding-top:17px}.about-manifesto-bottom p{font-size:22px;line-height:1.25}.about-manifesto-bottom span{font-size:10px;letter-spacing:.1em}
.theme-b .about-manifesto{background:#0d2117;color:var(--white)}.theme-b .about-gradient{background:radial-gradient(ellipse 44% 59% at 72% 72%,rgba(208,255,5,.53),transparent 76%),radial-gradient(ellipse 51% 48% at 37% 35%,rgba(131,101,73,.74),transparent 77%),linear-gradient(145deg,#061e18,#11231b)}.theme-b .about-gradient::after{opacity:.2;mix-blend-mode:screen}.theme-b .about-manifesto h2 em{color:var(--lime)}.theme-b .about-manifesto-bottom{border-color:var(--border)}
.services{padding-top:80px;padding-bottom:130px}.services-top{display:grid;grid-template-columns:1fr 250px;align-items:end;gap:40px;margin:90px 0 120px}.services-top h2{font-size:clamp(75px,9.2vw,158px)}.services-top p{font-size:15px;line-height:1.5}.services-list{border-top:1px solid var(--border)}.services-list details{border-bottom:1px solid var(--border)}.services-list summary{list-style:none;display:grid;grid-template-columns:70px 1fr 35px;gap:20px;align-items:center;padding:22px 0;cursor:pointer}.services-list summary::-webkit-details-marker{display:none}.services-list summary span{font-size:11px}.services-list summary strong{font-size:clamp(42px,5.3vw,85px);line-height:1;font-weight:500;letter-spacing:-.05em}.services-list summary b{font-size:30px;font-weight:300;transition:transform .25s}.services-list details[open] summary b{transform:rotate(45deg)}.services-list details>p{margin:0 0 28px 90px;font-size:14px;line-height:1.6;max-width:550px}.theme-b .services-list summary strong{color:var(--lime)}
.work-lead{min-height:calc(67svh - 93px)}.study-note{font-size:12px;line-height:1.6;max-width:650px;border-top:1px solid var(--border);padding-top:15px}.studies{padding-top:35px;padding-bottom:115px}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.study-card{min-width:0}.study-image{height:clamp(460px,53vw,770px);overflow:hidden;background:#d5dec5}.study-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.study-card:hover img{transform:scale(1.045)}.study-caption{border-top:1px solid var(--border);padding-top:16px;margin-top:17px}.study-caption span{font-size:10px;letter-spacing:.1em}.study-caption h3{font:400 clamp(42px,5vw,75px)/1 var(--serif);margin:20px 0 8px}.study-caption p{font-size:12px;color:var(--muted)}
.theme-b .studies{background:#111b15}.theme-b .study-grid{grid-template-columns:1.08fr .92fr;align-items:start}.theme-b .study-card:nth-child(2){margin-top:130px}.theme-b .study-image{background:#1a2c22}.theme-b .study-caption h3{color:var(--lime)}
.disciplines{padding-top:50px;padding-bottom:140px;background:#e9f3da;color:var(--ink)}.disciplines h2{margin:85px 0 100px}.discipline-row{display:grid;grid-template-columns:60px 1fr minmax(180px,290px);gap:20px;align-items:center;border-top:1px solid rgba(17,23,19,.55);padding:26px 0}.discipline-row:last-child{border-bottom:1px solid rgba(17,23,19,.55)}.discipline-row span,.discipline-row small{font-size:11px}.discipline-row strong{font-size:clamp(34px,5vw,75px);font-weight:500;line-height:1.04;letter-spacing:-.045em}
.theme-b .disciplines{background:#0b2118;color:var(--white)}.theme-b .discipline-row{border-color:var(--border)}.theme-b .discipline-row strong{color:var(--lime)}
.contact-lead{min-height:calc(75svh - 93px)}.contact-section{padding-top:40px;padding-bottom:140px;background:#eefaac;color:var(--ink)}.contact-grid{display:grid;grid-template-columns:1fr minmax(340px,470px);gap:clamp(40px,7vw,130px);padding-top:70px}.contact-grid h2{font-size:clamp(70px,7.2vw,120px);line-height:.9}.contact-grid>div:first-child>p{max-width:350px;font-size:18px;line-height:1.45;margin-top:42px}.contact-panel{border-top:1px solid rgba(17,23,19,.55);padding-top:22px}.form-notice{font-size:13px;line-height:1.55;max-width:420px}.contact-panel fieldset{border:0;margin:40px 0 30px;padding:0}.contact-panel legend,.brief-label{font-size:12px;font-weight:500;margin-bottom:16px}.contact-panel fieldset label{font-size:13px;margin-right:15px;display:inline-block;margin-bottom:8px}.contact-panel input{accent-color:var(--ink)}.brief-label{display:block}.contact-panel textarea{width:100%;min-height:175px;display:block;padding:15px;border:1px solid rgba(17,23,19,.55);border-radius:0;background:#fafcf2;color:var(--ink);font:14px/1.55 var(--sans);resize:vertical}.contact-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--ink);background:none;padding:18px 0 13px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em}.contact-panel button span{font-size:23px;line-height:.8}.contact-panel #copy-status{min-height:20px;font-size:12px;margin-top:18px}
.theme-b .contact-section{background:radial-gradient(ellipse 55% 65% at 30% 18%,rgba(220,255,5,.28),transparent 72%),linear-gradient(135deg,#0b2117,#152c22);color:var(--white)}.theme-b .contact-panel{border-color:var(--border)}.theme-b .contact-panel textarea{background:#eaf0e1}.theme-b .contact-panel button{color:var(--lime);border-color:var(--lime)}
.page-next{display:flex;align-items:end;justify-content:space-between;gap:25px;min-height:300px;padding-top:55px;padding-bottom:55px}.page-next>span{font-size:11px;letter-spacing:.08em;align-self:flex-start}.page-next>a{font:400 clamp(65px,9vw,145px)/.9 var(--serif);letter-spacing:-.04em}
.site-footer{background:#111713;color:var(--white);padding:80px var(--pad) 24px}.footer-logo{width:100%;aspect-ratio:632/200;background:var(--white);-webkit-mask:url('./assets/phor-logo.svg') center/contain no-repeat;mask:url('./assets/phor-logo.svg') center/contain no-repeat}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #5e675d;padding-top:18px;margin-top:85px;font-size:10px;letter-spacing:.08em}.theme-b .site-footer{background:#d9ff0a;color:var(--ink)}.theme-b .footer-logo{background:var(--ink)}.theme-b .footer-bottom{border-color:rgba(17,23,19,.45)}
.compare-page{background:#f4f5ef;color:var(--ink);padding:0 var(--pad) 90px}.compare-header{height:89px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;border-bottom:1px solid #666e62}.compare-brand img{width:116px}.compare-header span{font-size:10px;text-align:center;letter-spacing:.1em}.compare-header>a:last-child{text-align:right;font-size:10px;letter-spacing:.08em}.compare-intro{padding:80px 0 100px;display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:end}.compare-intro>p{grid-column:1/-1;font-size:11px;letter-spacing:.1em}.compare-intro h1{font:400 clamp(75px,10vw,165px)/.88 var(--serif);letter-spacing:-.04em}.compare-intro>span{font-size:15px;line-height:1.5}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{position:relative;display:block;min-height:610px;overflow:hidden;padding:22px;isolation:isolate;transition:transform .35s ease}.compare-card:hover{transform:translateY(-8px)}.compare-card-a{background:#f5f8e9}.compare-card-b{background:#102017;color:var(--white)}.compare-overline{font-size:10px;letter-spacing:.12em;font-weight:600}.compare-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.compare-orb{position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at 70% 65%,#d9ff0a,transparent 75%)}.compare-card-b .compare-orb{background:radial-gradient(ellipse 57% 60% at 72% 68%,rgba(217,255,10,.72),transparent 70%),radial-gradient(ellipse 45% 55% at 33% 40%,#78563b,transparent 70%);filter:blur(16px)}.compare-logo{position:relative;display:block;width:85%;aspect-ratio:632/200;background:var(--ink);-webkit-mask:url('./assets/phor-logo.svg') center/contain no-repeat;mask:url('./assets/phor-logo.svg') center/contain no-repeat}.compare-card-b .compare-logo{background:var(--lime)}.compare-card-bottom{display:grid;grid-template-columns:1fr auto 30px;gap:12px;align-items:end;border-top:1px solid currentColor;padding-top:18px}.compare-card-bottom strong{font:400 58px/1 var(--serif)}.compare-card-bottom span{font-size:10px;letter-spacing:.08em}.compare-card-bottom span:last-child{font-size:26px;text-align:right}.compare-note{max-width:720px;margin:45px 0 0;font-size:12px;line-height:1.6}
@keyframes ambient-drift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes nudge{50%{transform:translateY(6px)}}
@media(max-width:1000px){.site-header{grid-template-columns:125px 1fr auto}.site-header nav{gap:22px}.site-tools>span{display:none}.hero{min-height:590px}.page-lead h1{font-size:11.7vw}.lead-grid{grid-template-columns:1fr 190px}.contact-grid{grid-template-columns:1fr 360px}.compare-card{min-height:510px}.compare-visual{height:340px}.compare-card-bottom strong{font-size:48px}}
@media(max-width:700px){
  .site-header{height:auto;min-height:92px;grid-template-columns:90px 1fr;grid-template-rows:54px 32px;padding-top:6px;padding-bottom:5px;gap:0}.mini-logo,.mini-logo .mark{width:89px}.mini-logo>span:last-child{font-size:5px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:8px}.site-header nav a{font-size:11px;padding:4px 0}.site-tools{justify-content:flex-end;gap:6px}.site-tools>a{font-size:8px;padding:6px 7px}
  .hero{height:calc(100svh - 97px);min-height:600px}.hero-topline,.hero-end{font-size:8px}.hero-topline span:last-child,.hero-end span:last-child{display:none}.hero-body{padding:12vh var(--pad) 10vh}.hero-kicker{font-size:9px;margin-bottom:45px}.hero-logo,.theme-b .hero-logo{width:90vw}.hero-bottom{grid-template-columns:1fr auto;gap:15px;margin-top:65px}.hero-bottom p:first-child{font-size:36px}.hero-bottom p:nth-child(2){grid-column:1;grid-row:2;font-size:11px}.hero-bottom>a{grid-column:2;grid-row:1/-1;align-self:end;font-size:9px}.hero-bottom>a span{margin-left:8px;font-size:19px}.theme-b .hero-body{padding-bottom:16vh}.theme-b .hero-ambient>span{filter:blur(17px)}
  .paths{padding-top:50px;padding-bottom:90px}.paths-heading{display:block;margin:65px 0 75px}.paths-heading h2{font-size:clamp(57px,12vw,90px)}.paths-heading p{margin-top:30px;font-size:13px}.paths-list>a{grid-template-columns:27px 1fr 25px;gap:8px;padding:15px 0}.paths-list strong{font-size:52px}.paths-list small{grid-column:2;grid-row:2;font-size:10px}.paths-list b{grid-column:3;grid-row:1/-1;font-size:23px}
  .statement{min-height:68svh;padding-top:40px;padding-bottom:42px}.statement h2{font-size:clamp(98px,20vw,170px)}.statement>a{min-width:170px}
  .page-lead{min-height:0;padding-top:17px;padding-bottom:45px}.lead-grid{display:block;padding:85px 0 60px}.page-lead h1{font-size:clamp(77px,17vw,130px);line-height:1}.lead-grid p{max-width:260px;margin:65px 0 0 auto;font-size:14px}.work-lead .lead-grid,.contact-lead .lead-grid{padding-bottom:50px}.study-note{font-size:11px}
  .about-manifesto{min-height:68svh;padding-top:22px;padding-bottom:40px}.about-manifesto h2{font-size:clamp(56px,11vw,90px);margin:100px 0}.about-manifesto-bottom p{font-size:17px}.about-manifesto-bottom span{font-size:8px}
  .services{padding-top:40px;padding-bottom:80px}.services-top{display:block;margin:65px 0 85px}.services-top h2{font-size:clamp(70px,12vw,110px)}.services-top p{font-size:13px;margin-top:30px}.services-list summary{grid-template-columns:25px 1fr 25px;gap:10px;padding:20px 0}.services-list summary strong{font-size:clamp(28px,7vw,48px)}.services-list summary b{font-size:24px}.services-list details>p{font-size:12px;margin-left:35px}
  .studies{padding-top:20px;padding-bottom:80px}.study-grid,.theme-b .study-grid{grid-template-columns:1fr;gap:45px;margin-top:25px}.theme-b .study-card:nth-child(2){margin-top:0}.study-image{height:115vw;max-height:610px}.study-caption h3{font-size:50px}
  .disciplines{padding-top:35px;padding-bottom:80px}.disciplines h2{font-size:clamp(72px,13vw,100px);margin:65px 0 80px}.discipline-row{grid-template-columns:25px 1fr;gap:8px;padding:20px 0}.discipline-row strong{font-size:32px}.discipline-row small{grid-column:2;grid-row:2}
  .contact-section{padding-top:25px;padding-bottom:80px}.contact-grid{display:block;padding-top:50px}.contact-grid h2{font-size:clamp(66px,13vw,96px)}.contact-grid>div:first-child>p{font-size:14px;margin:30px 0 55px}.form-notice{font-size:12px}.contact-panel fieldset label{font-size:12px}.page-next{min-height:220px;display:block}.page-next>a{display:block;font-size:clamp(65px,13vw,100px);margin-top:45px}
  .site-footer{padding-top:55px}.footer-bottom{margin-top:60px;font-size:8px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}
  .compare-page{padding-bottom:65px}.compare-header{height:75px;grid-template-columns:1fr auto}.compare-header span{display:none}.compare-brand img{width:90px}.compare-intro{display:block;padding:65px 0 70px}.compare-intro h1{font-size:clamp(70px,14vw,105px);margin:30px 0}.compare-intro>span{font-size:13px;display:block;max-width:300px}.compare-grid{grid-template-columns:1fr;gap:18px}.compare-card{min-height:480px}.compare-visual{height:335px}.compare-card-bottom strong{font-size:48px}.compare-card-bottom span:nth-child(2){font-size:8px}
}
@media(max-width:380px){.site-tools>a{font-size:7px}.hero-bottom p:first-child{font-size:30px}.page-lead h1{font-size:72px}.paths-heading h2{font-size:52px}.about-manifesto h2{font-size:52px}.compare-card-bottom strong{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.concept:not(.ready) .hero-logo{opacity:1;clip-path:none;transform:none}}

/* Direction B: one continuous dark field, with light passing through it. */
.theme-b{--bg:#0a1c15;--fg:#f1f2e8;--border:rgba(236,245,226,.24)}
.theme-b .site-header{background:#091a13;border-bottom-color:rgba(236,245,226,.18)}
.theme-b main{background:
  radial-gradient(ellipse 43% 12% at 79% 23%,rgba(152,111,71,.2),transparent 78%),
  radial-gradient(ellipse 40% 14% at 22% 54%,rgba(151,195,10,.12),transparent 75%),
  radial-gradient(ellipse 35% 14% at 76% 83%,rgba(141,96,58,.14),transparent 78%),
  linear-gradient(180deg,#0b1b14 0%,#0b2018 46%,#0a1b15 100%)}
.theme-b .hero{height:auto;min-height:min(87svh,900px);background:transparent}
.theme-b .hero-ambient{inset:0;background:
  radial-gradient(ellipse 53% 69% at 79% 58%,rgba(128,92,62,.72),transparent 76%),
  linear-gradient(135deg,#071810,#10271b 64%,transparent);
  -webkit-mask-image:linear-gradient(#000 0%,#000 55%,transparent 98%);
  mask-image:linear-gradient(#000 0%,#000 55%,transparent 98%)}
.theme-b .hero-ambient>span{opacity:.82}
.theme-b .hero-end{border-top:0;bottom:26px}
.theme-b .hero-body{min-height:min(87svh,900px);padding-bottom:clamp(110px,13vh,165px)}
.theme-b .hero-logo{width:min(81vw,1080px)}
.theme-b .paths{position:relative;background:transparent;padding-top:clamp(20px,3vw,45px);padding-bottom:clamp(60px,8vw,130px)}
.theme-b .paths .section-line{border-color:rgba(236,245,226,.18)}
.theme-b .paths-heading{margin:clamp(70px,8vw,130px) 0 clamp(60px,8vw,125px)}
.theme-b .paths-heading h2 em{color:var(--lime)}
.theme-b .paths-list>a{padding-top:clamp(22px,3vw,42px);padding-bottom:clamp(22px,3vw,42px)}
.theme-b .statement{min-height:0;background:transparent;color:var(--fg);
  padding-top:clamp(100px,12vw,210px);padding-bottom:clamp(100px,12vw,190px);gap:clamp(65px,8vw,125px)}
.theme-b .statement-light{inset:-8% 0 -8%;background:
  radial-gradient(ellipse 41% 45% at 61% 52%,rgba(197,250,4,.38),transparent 72%),
  radial-gradient(ellipse 37% 38% at 32% 48%,rgba(132,89,54,.45),transparent 76%);
  filter:blur(35px);-webkit-mask-image:linear-gradient(transparent 0%,#000 22%,#000 74%,transparent 100%);
  mask-image:linear-gradient(transparent 0%,#000 22%,#000 74%,transparent 100%)}
.theme-b .statement h2{font-size:clamp(100px,15vw,245px)}
.theme-b .statement h2 em{color:var(--lime)}
.theme-b .statement>a{align-self:flex-end;color:var(--lime)}
.theme-b .page-lead{min-height:clamp(430px,57svh,680px);padding-bottom:clamp(35px,5vw,75px)}
.theme-b .page-lead::before{background:
  radial-gradient(ellipse 39% 61% at 88% 66%,rgba(191,227,7,.18),transparent 78%),
  radial-gradient(ellipse 42% 76% at 68% 61%,rgba(116,80,52,.22),transparent 79%)}
.theme-b .lead-grid{padding-top:clamp(55px,7vw,115px);padding-bottom:clamp(35px,5vw,80px)}
.theme-b .about-manifesto{min-height:0;background:transparent;color:var(--fg);
  padding-top:clamp(55px,7vw,110px);padding-bottom:clamp(75px,9vw,145px)}
.theme-b .about-gradient{background:
  radial-gradient(ellipse 42% 47% at 73% 56%,rgba(207,255,5,.34),transparent 75%),
  radial-gradient(ellipse 45% 49% at 37% 49%,rgba(131,101,73,.46),transparent 80%);
  -webkit-mask-image:linear-gradient(transparent 0%,#000 16%,#000 82%,transparent 100%);
  mask-image:linear-gradient(transparent 0%,#000 16%,#000 82%,transparent 100%)}
.theme-b .about-manifesto h2{margin:clamp(70px,8vw,140px) 0 clamp(100px,11vw,180px)}
.theme-b .services{padding-top:clamp(45px,5vw,80px);padding-bottom:clamp(90px,10vw,160px)}
.theme-b .services-top{margin:clamp(70px,8vw,130px) 0 clamp(70px,8vw,125px)}
.theme-b .work-lead{min-height:clamp(400px,53svh,650px)}
.theme-b .studies{background:transparent;padding-top:clamp(35px,4vw,65px);padding-bottom:clamp(85px,10vw,165px)}
.theme-b .study-card:nth-child(2){margin-top:clamp(60px,9vw,150px)}
.theme-b .disciplines{background:transparent;color:var(--fg);padding-top:clamp(45px,5vw,80px);padding-bottom:clamp(80px,9vw,145px)}
.theme-b .disciplines h2{margin:clamp(70px,7vw,115px) 0 clamp(60px,7vw,115px)}
.theme-b .contact-lead{min-height:clamp(400px,54svh,660px)}
.theme-b .contact-section{background:transparent;color:var(--fg);padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(90px,10vw,165px)}
.theme-b .contact-grid{padding-top:clamp(60px,7vw,115px)}
.theme-b .page-next{min-height:0;padding-top:clamp(70px,8vw,125px);padding-bottom:clamp(85px,10vw,160px);border-top:1px solid var(--border)}
.theme-b .page-next>a{color:var(--lime)}
.theme-b .site-footer{background:
  radial-gradient(ellipse 61% 100% at 60% -20%,rgba(167,217,10,.2),transparent 75%),
  #091b14;color:var(--fg);padding-top:clamp(75px,10vw,155px)}
.theme-b .footer-logo{background:var(--lime)}
.theme-b .footer-bottom{border-color:var(--border)}
.live-site .site-tools{letter-spacing:.12em}
.live-site .site-tools>span{opacity:.72}
.js-motion .flow-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.js-motion .flow-reveal.in-view{opacity:1;transform:none}
@media(max-width:700px){
  .theme-b .hero,.theme-b .hero-body{min-height:clamp(590px,80svh,760px)}
  .theme-b .hero-body{padding-bottom:130px}
  .theme-b .hero-logo{width:90vw}
  .theme-b .paths{padding-top:25px;padding-bottom:55px}
  .theme-b .paths-heading{margin:55px 0 55px}
  .theme-b .statement{padding-top:95px;padding-bottom:110px;gap:75px}
  .theme-b .statement h2{font-size:clamp(95px,20vw,160px)}
  .theme-b .page-lead,.theme-b .work-lead,.theme-b .contact-lead{min-height:0;padding-bottom:20px}
  .theme-b .lead-grid{padding-top:70px;padding-bottom:55px}
  .theme-b .about-manifesto{padding-top:60px;padding-bottom:90px}
  .theme-b .about-manifesto h2{margin:85px 0 100px}
  .theme-b .services,.theme-b .studies,.theme-b .disciplines,.theme-b .contact-section{padding-top:50px;padding-bottom:90px}
  .theme-b .study-card:nth-child(2){margin-top:0}
  .theme-b .page-next{padding-top:70px;padding-bottom:95px}
  .live-site .site-tools>span{display:block;font-size:7px;text-align:right;max-width:110px;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){.js-motion .flow-reveal{opacity:1;transform:none;transition:none}}

/* PHOR's selected direction: one light field, spare copy, no section cards. */
.minimal-b{--bg:#0b1c15;--fg:#f1f2e8;--border:rgba(237,246,228,.25);background:var(--bg)}
.minimal-b.live-site .site-header{grid-template-columns:175px 1fr}
.minimal-b.live-site .site-header nav{justify-content:flex-end}
.minimal-b .site-header{background:#0a1b14;border-bottom-color:var(--border)}
.minimal-b.live-site .site-header,.minimal-b.live-site main{transition:opacity .32s ease,filter .32s ease,transform .32s ease}
.minimal-b.live-site.is-leaving .site-header,.minimal-b.live-site.is-leaving main{opacity:0;filter:blur(5px);transform:translateY(-8px)}
.minimal-b main{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(ellipse 49% 24% at 76% 17%,rgba(128,91,58,.29),transparent 75%),
  radial-gradient(ellipse 47% 32% at 23% 57%,rgba(141,185,18,.11),transparent 78%),
  linear-gradient(180deg,#0b1c15 0%,#0c2018 65%,#0d241b 100%)}
.minimal-b main::before{content:'';position:absolute;inset:-9% -12%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 28% 23% at 69% 25%,rgba(207,253,8,.39),transparent 80%),
  radial-gradient(ellipse 32% 21% at 39% 57%,rgba(147,100,63,.22),transparent 78%);
  filter:blur(58px);opacity:.72;animation:ambient-drift 24s ease-in-out infinite alternate}
.minimal-b main::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./assets/phor-grain.svg') repeat;opacity:.12;mix-blend-mode:screen}
.minimal-b main>*{position:relative;z-index:1}
.minimal-b main>.cursor-glow{display:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .minimal-b main>.cursor-glow{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse min(44vw,620px) min(40vw,540px) at var(--cursor-x,65vw) var(--cursor-y,45vh),rgba(211,255,10,.27) 0%,rgba(151,187,28,.13) 42%,transparent 80%);filter:blur(24px);opacity:.7}
}
.minimal-hero{min-height:clamp(490px,70svh,780px);display:flex;flex-direction:column;justify-content:center;padding-top:clamp(45px,5vw,80px);padding-bottom:clamp(35px,4vw,60px);isolation:isolate;--light-x:66%;--light-y:56%}
.hero-light-field{position:absolute;inset:-12% -8% -42%;z-index:-1;pointer-events:none}
.hero-light{position:absolute;display:block;border-radius:50%;pointer-events:none;filter:blur(clamp(42px,7vw,110px));will-change:transform,opacity}
.hero-light-lime{width:66%;height:88%;left:var(--light-x);top:var(--light-y);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(218,255,0,.58) 0%,rgba(176,218,10,.28) 34%,transparent 72%);opacity:.75;transition:left 1.4s cubic-bezier(.16,1,.3,1),top 1.4s cubic-bezier(.16,1,.3,1);animation:phor-light-develop 3.2s cubic-bezier(.16,1,.3,1) both,phor-light-breathe 12s ease-in-out 3.2s infinite alternate}
.hero-light-warm{width:53%;height:82%;right:4%;top:5%;background:radial-gradient(ellipse,rgba(164,114,76,.42),transparent 72%);animation:phor-warm-drift 18s ease-in-out infinite alternate}
.hero-light-white{width:42%;height:65%;left:21%;top:2%;background:radial-gradient(ellipse,rgba(242,255,220,.2),transparent 70%);animation:phor-warm-drift 23s ease-in-out -5s infinite alternate-reverse}
.minimal-hero-logo{width:min(82vw,1050px);margin:0;transition:clip-path 2s cubic-bezier(.16,1,.3,1) .28s,opacity 1.7s ease .28s,transform 2s cubic-bezier(.16,1,.3,1) .28s,filter 1.7s ease .28s}
.minimal-b:not(.ready) .minimal-hero-logo{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(16px);filter:blur(14px)}
.minimal-hero-logo .mark{width:100%}
.minimal-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:clamp(45px,5vw,80px);transition:opacity 1.2s ease 1s,transform 1.4s cubic-bezier(.16,1,.3,1) 1s}
.minimal-b:not(.ready) .minimal-hero-bottom{opacity:0;transform:translateY(14px)}
.minimal-hero-bottom p{font:400 clamp(40px,5.6vw,82px)/.9 var(--serif);letter-spacing:-.035em}
.minimal-hero-bottom em{color:var(--lime)}
.minimal-hero-bottom a{display:flex;align-items:center;gap:28px;font-size:10px;font-weight:600;letter-spacing:.12em}
.minimal-hero-bottom a span{font-size:27px;font-weight:300;line-height:1;animation:nudge 2.4s ease-in-out infinite}
.minimal-index{padding-top:clamp(25px,4vw,65px);padding-bottom:clamp(95px,12vw,180px)}
.minimal-index>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:clamp(24px,3.2vw,48px) 0;transition:color .3s ease,padding .35s ease}
.minimal-index>a:last-child{border-bottom:1px solid var(--border)}
.minimal-index>a:hover{color:var(--lime);padding-left:14px}
.minimal-b.motion-ready .minimal-index>a{opacity:0;transform:translateY(28px)}
.minimal-b.motion-ready .minimal-index>a.in-view{opacity:1;transform:translateY(0);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),color .3s ease,padding .35s ease}
.minimal-b.motion-ready .minimal-index>a:nth-child(2).in-view{transition-delay:.1s}
.minimal-b.motion-ready .minimal-index>a:nth-child(3).in-view{transition-delay:.2s}
@keyframes phor-light-develop{from{opacity:0;transform:translate(-57%,-42%) scale(.7)}to{opacity:.75;transform:translate(-50%,-50%) scale(1)}}
@keyframes phor-light-breathe{from{opacity:.56;scale:.94}to{opacity:.86;scale:1.08}}
@keyframes phor-warm-drift{from{transform:translate3d(-4%,-3%,0) scale(.94)}to{transform:translate3d(6%,5%,0) scale(1.1)}}
.minimal-index>a span{font:400 clamp(65px,8.2vw,130px)/.88 var(--serif);letter-spacing:-.04em}
.minimal-index>a b{font-size:clamp(25px,3vw,42px);font-weight:300}
.minimal-page-lead{padding-top:clamp(110px,13vw,190px);padding-bottom:clamp(70px,9vw,140px);isolation:isolate;--light-x:70%;--light-y:44%}
.minimal-page-lead .hero-light-field{inset:-20% -8% -65%;opacity:.63}
.minimal-b[data-page=about] .minimal-page-lead{--light-x:72%;--light-y:53%}
.minimal-b[data-page=work] .minimal-page-lead{--light-x:77%;--light-y:61%}
.minimal-b[data-page=contact] .minimal-page-lead{--light-x:62%;--light-y:50%}
.minimal-b[data-page=work] .minimal-page-lead .hero-light-warm{opacity:.9}
.minimal-b[data-page=contact] .minimal-page-lead .hero-light-lime{opacity:.58}
.minimal-about-lead{padding-bottom:clamp(62px,8vw,120px)}
.minimal-about-eyebrow{display:block;margin-bottom:clamp(24px,4vw,55px);font:600 10px/1 var(--sans);letter-spacing:.16em;color:var(--lime)}
.minimal-about-lead h1{font-size:clamp(63px,9.2vw,145px);line-height:.94}
.minimal-about-lead>p{max-width:510px}
.minimal-about-intro{padding-top:0;padding-bottom:clamp(76px,10vw,140px)}
.minimal-about-intro p{max-width:900px;font:400 clamp(27px,3.1vw,48px)/1.16 var(--serif);letter-spacing:-.025em}
.minimal-page-lead h1{font:400 clamp(82px,12vw,190px)/.9 var(--serif);letter-spacing:-.04em;clip-path:inset(0 0 0 0);transition:opacity 1.25s ease .15s,transform 1.6s cubic-bezier(.16,1,.3,1) .15s,filter 1.2s ease .15s,clip-path 1.6s cubic-bezier(.16,1,.3,1) .15s}
.minimal-b:not(.ready) .minimal-page-lead h1{opacity:0;transform:translateY(30px);filter:blur(14px);clip-path:inset(0 0 100% 0)}
.minimal-page-lead h1 em{color:var(--lime)}
.minimal-page-lead>p{max-width:420px;margin:clamp(55px,7vw,110px) 0 0 auto;font-size:clamp(17px,1.7vw,22px);line-height:1.42;transition:opacity 1s ease .75s,transform 1.2s cubic-bezier(.16,1,.3,1) .75s}
.minimal-b:not(.ready) .minimal-page-lead>p{opacity:0;transform:translateY(17px)}
.minimal-services{padding-bottom:clamp(100px,12vw,180px)}
.minimal-service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,320px);gap:30px;align-items:end;border-top:1px solid var(--border);padding:clamp(27px,3.2vw,50px) 0;position:relative;transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.minimal-service-row::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--lime),rgba(217,255,10,.05));transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.minimal-b.motion-ready .minimal-service-row:not(.in-view){opacity:.16;transform:translateY(24px)}
.minimal-service-row.in-view::before{transform:scaleX(1)}
.minimal-service-row:hover h3{color:var(--lime)}
.minimal-service-row:last-child{border-bottom:1px solid var(--border)}
.minimal-service-row h3{font:400 clamp(46px,6vw,91px)/.95 var(--serif);letter-spacing:-.035em;transition:color .45s ease}
.minimal-service-row p{font-size:13px;line-height:1.5;padding-bottom:6px;color:var(--muted)}
.minimal-about-lead~.minimal-services .minimal-service-row{grid-template-columns:minmax(0,1fr) minmax(260px,420px)}
.minimal-about-lead~.minimal-services .minimal-service-row p{font-size:15px;line-height:1.55}
.minimal-service-detail{max-width:420px}
.minimal-service-detail ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;list-style:none;margin:25px 0 0;padding:0}
.minimal-service-detail li{font-size:12px;line-height:1.35;color:var(--fg)}
.minimal-service-detail li::before{content:'↗';display:inline-block;margin-right:9px;color:var(--lime)}
@media(max-width:700px){.minimal-about-lead h1{font-size:clamp(55px,12vw,86px)}.minimal-about-intro p{font-size:clamp(26px,7vw,38px)}.minimal-about-lead~.minimal-services .minimal-service-row{display:block}.minimal-about-lead~.minimal-services .minimal-service-row p{margin-top:20px;max-width:420px}}
@media(max-width:700px){.minimal-service-detail ul{margin-top:20px}}
.minimal-work-lead{padding-top:clamp(90px,9vw,125px);padding-bottom:clamp(38px,4vw,65px)}
.minimal-work-lead>p{margin-top:clamp(28px,3vw,48px)}
.minimal-work-lead>p{font-size:14px;line-height:1.6}
.minimal-work{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(18px,2.4vw,34px);align-items:start;padding-bottom:clamp(100px,12vw,190px)}
.minimal-work figure{margin:0;min-width:0;transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.16,1,.3,1)}
.minimal-b.motion-ready .minimal-work figure:not(.in-view){opacity:.25;transform:translateY(45px)}
.minimal-work figure:nth-child(2){margin-top:clamp(60px,9vw,145px)}
.work-image-frame{position:relative;overflow:hidden;background:#1c2d23}
.work-image-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(217,255,10,.25),transparent 44%,rgba(95,66,48,.22));mix-blend-mode:multiply;opacity:.6;transition:opacity .9s ease}
.minimal-work figure:hover .work-image-frame::after{opacity:0}
.minimal-work img{display:block;width:100%;height:clamp(420px,53vw,800px);object-fit:cover;clip-path:inset(0 0 0 0);transition:clip-path 1.65s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.3s ease}
.minimal-b.motion-ready .minimal-work figure:not(.in-view) img{clip-path:inset(100% 0 0 0);transform:scale(1.075);filter:blur(8px)}
.minimal-work figure:hover img{transform:scale(1.025)}
.minimal-work figcaption{padding-top:17px;font-size:10px;font-weight:600;letter-spacing:.12em}
.portfolio-section{padding-bottom:clamp(105px,12vw,185px)}
.portfolio-toolbar{display:flex;align-items:start;justify-content:space-between;gap:28px;border-top:1px solid var(--border);padding:20px 0 40px}
.portfolio-toolbar>span{font-size:10px;letter-spacing:.13em;color:var(--muted);white-space:nowrap;padding-top:10px}
.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.portfolio-filters button{appearance:none;border:1px solid rgba(241,242,232,.23);border-radius:100px;background:transparent;color:var(--fg);font:500 10px/1 var(--sans);letter-spacing:.035em;padding:11px 14px;cursor:pointer;transition:background .35s,color .35s,border-color .35s,transform .35s}
.portfolio-filters button span{opacity:.58;margin-left:9px;font-size:9px}
.portfolio-filters button:hover{border-color:var(--lime);transform:translateY(-2px)}
.portfolio-filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#102018}
.portfolio-filters button:focus-visible,.portfolio-frame:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2.5vw,36px);row-gap:clamp(60px,7vw,110px)}
.portfolio-card{min-width:0;transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.minimal-b.motion-ready .portfolio-card:not(.in-view){opacity:.12;transform:translateY(48px)}
.portfolio-card[hidden]{display:none!important}
.portfolio-card:nth-child(even){padding-top:clamp(50px,7vw,115px)}
.portfolio-frame{display:block;position:relative;width:100%;aspect-ratio:.86;overflow:hidden;isolation:isolate;border:1px solid rgba(241,242,232,.27);padding:0;background:#17251c;color:var(--fg);text-align:left;cursor:pointer;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .6s ease}
.portfolio-frame:hover,.portfolio-card.is-active .portfolio-frame{border-color:rgba(217,255,10,.83);box-shadow:0 20px 90px rgba(0,0,0,.18),inset 0 0 0 1px rgba(217,255,10,.22)}
.frame-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .85s ease}
.portfolio-frame:hover .frame-art{transform:scale(1.045)}
.portfolio-card.is-active .frame-art{transform:scale(1.075);filter:brightness(.54)}
.frame-art img{width:100%;height:100%;display:block;object-fit:cover}
.frame-art-phortrait{background:#f8f8f5}
.frame-art-phortrait img{object-fit:contain}
.frame-art-brand{background:radial-gradient(circle at 70% 72%,rgba(227,255,5,.53),transparent 39%),radial-gradient(circle at 25% 25%,rgba(152,95,72,.54),transparent 47%),#173123}
.frame-logo{display:block;width:68%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.25))}
.frame-art-light{background:radial-gradient(ellipse at 32% 77%,rgba(210,255,11,.9),transparent 36%),radial-gradient(ellipse at 78% 19%,rgba(176,121,80,.72),transparent 43%),#173023}
.frame-light-text{display:block;width:80%;font:400 clamp(45px,7vw,112px)/.8 var(--serif);letter-spacing:-.055em;color:#f3f5dd;mix-blend-mode:screen}
.frame-art-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(175,218,17,.13),transparent 52%,rgba(14,32,23,.15));pointer-events:none}
.frame-index{position:absolute;top:23px;left:23px;z-index:2;font-size:10px;letter-spacing:.13em;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.portfolio-card:first-child .frame-index{color:#18211b;text-shadow:none}
.frame-corner{position:absolute;z-index:4;width:18px;height:18px;border-color:var(--lime);opacity:.55;transition:width .45s,height .45s,opacity .45s}
.portfolio-card:first-child:not(.is-active) .frame-corner{border-color:#16241b}
.frame-corner-tl{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.frame-corner-tr{top:12px;right:12px;border-top:1px solid;border-right:1px solid}.frame-corner-bl{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid}.frame-corner-br{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid}
.portfolio-frame:hover .frame-corner,.portfolio-card.is-active .frame-corner{width:31px;height:31px;opacity:1}
.frame-reveal{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(24px,3vw,44px);background:linear-gradient(0deg,rgba(5,21,13,.87),rgba(5,21,13,.2) 65%,transparent);opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}
.portfolio-card.is-active .frame-reveal{opacity:1;transform:translateY(0)}
.portfolio-card.has-gallery .portfolio-frame:hover .frame-reveal,.portfolio-card.has-gallery .portfolio-frame:focus-visible .frame-reveal{opacity:1;transform:translateY(0)}
.portfolio-card.has-gallery .portfolio-frame:hover .frame-art{filter:brightness(.68)}
.frame-reveal span{font-size:10px;letter-spacing:.13em}
.frame-reveal strong{max-width:460px;font:400 clamp(26px,3vw,48px)/1.05 var(--serif);letter-spacing:-.025em}
.frame-reveal span:last-child{margin-top:10px;color:var(--lime)}
.portfolio-caption{display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--border);margin-top:11px}
.portfolio-caption>div>span,.portfolio-caption>span{font-size:9px;letter-spacing:.11em;color:var(--muted)}
.portfolio-caption h2{font:400 clamp(27px,3.1vw,45px)/1.02 var(--serif);letter-spacing:-.025em;margin-top:10px}
.portfolio-caption>span{text-align:right}
.portfolio-disclaimer{max-width:570px;margin:clamp(80px,9vw,135px) 0 0 auto;color:var(--muted);font-size:12px;line-height:1.6;border-top:1px solid var(--border);padding-top:16px}
.portfolio-section .portfolio-toolbar{border-top:0;padding:0 0 clamp(26px,3.5vw,48px);align-items:center}
.portfolio-section .portfolio-filters{gap:9px}
.portfolio-section .portfolio-filters button{font-size:12px;padding:13px 17px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,30px);min-width:0}
.work-shot{margin:0;min-width:0;transition:opacity .6s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .6s ease}
.minimal-b.motion-ready .work-shot:not(.in-view){opacity:.2;transform:translateY(40px)}
.work-shot.is-dimmed{opacity:.16;filter:grayscale(.4)}
.work-shot img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#17251c}
.work-shot:not(.is-dimmed):hover{transform:translateY(-5px)}
.work-identity{aspect-ratio:4/5}
.work-identity-art{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(ellipse at 65% 45%,#e7ff75 0%,#bce816 22%,#526a25 50%,#14291e 80%)}
.work-identity-art .mark{display:block;width:80%;height:auto;aspect-ratio:632/200;filter:drop-shadow(0 12px 45px rgba(12,32,15,.25))}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr;gap:22px}.portfolio-section .portfolio-toolbar{padding-bottom:26px}.portfolio-section .portfolio-filters button{font-size:11px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.minimal-b.motion-ready .work-shot:not(.in-view){opacity:1;transform:none}.work-shot,.work-shot img{transition:none!important}}
.portfolio-dialog{position:fixed;inset:0;width:min(96vw,1320px);max-width:none;height:min(96dvh,980px);max-height:none;margin:auto;padding:0;border:1px solid rgba(217,255,10,.45);background:#0a1b14;color:#f1f2e8;box-shadow:0 35px 120px rgba(0,0,0,.55);overflow:hidden}
html.gallery-open,html.gallery-open body{overflow:hidden}
.portfolio-dialog::backdrop{background:rgba(2,13,8,.88);backdrop-filter:blur(15px)}
.gallery-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:clamp(17px,2vw,30px)}
.gallery-top{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid rgba(241,242,232,.24);padding-bottom:15px}
.gallery-top>div>span{font:500 10px/1 var(--sans);letter-spacing:.14em;color:var(--lime)}
.gallery-top h2{font:400 clamp(28px,4vw,57px)/.95 var(--serif);letter-spacing:-.04em;margin-top:9px}
.gallery-close,.gallery-arrow,.gallery-thumbs button{appearance:none;cursor:pointer;color:inherit}
.gallery-close{display:flex;align-items:center;gap:14px;background:none;border:0;font:600 10px/1 var(--sans);letter-spacing:.12em;padding:8px 0}
.gallery-close span{font-size:26px;font-weight:300;line-height:.6}
.gallery-stage{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;justify-items:center;min-height:0;padding:18px 0}
.gallery-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;min-height:0;box-shadow:0 10px 35px rgba(0,0,0,.2)}
.gallery-arrow{width:44px;height:44px;border:1px solid rgba(241,242,232,.32);border-radius:50%;background:rgba(11,28,21,.8);font:300 23px/1 var(--sans);transition:color .3s,border-color .3s,background .3s}
.gallery-arrow:hover{border-color:var(--lime);background:var(--lime);color:#0a1b14}
.gallery-bottom{border-top:1px solid rgba(241,242,232,.24);padding-top:14px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,2fr);align-items:end;gap:20px}
.gallery-bottom p{font:400 clamp(18px,2vw,26px)/1.1 var(--serif);letter-spacing:-.02em;margin:0 0 4px}
.gallery-thumbs{display:flex;justify-content:flex-end;gap:8px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}
.gallery-thumbs button{flex:0 0 54px;width:54px;height:62px;padding:0;border:1px solid rgba(241,242,232,.35);background:#1d2a21;opacity:.55;transition:opacity .25s,border-color .25s}
.gallery-thumbs button[aria-current=true],.gallery-thumbs button:hover{border-color:var(--lime);opacity:1}
.gallery-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-close:focus-visible,.gallery-arrow:focus-visible,.gallery-thumbs button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.minimal-contact-lead{padding-bottom:clamp(65px,7vw,105px)}
.minimal-contact{padding-bottom:clamp(100px,12vw,190px)}
.minimal-contact .contact-panel{width:min(100%,620px);margin-left:auto;border-color:var(--border);padding-top:22px;position:relative;transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.minimal-b.motion-ready .minimal-contact .contact-panel:not(.in-view){opacity:.2;transform:translateY(24px)}
.minimal-contact .contact-panel::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--lime),rgba(217,255,10,0));transform:scaleX(0);transform-origin:left;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.minimal-contact .contact-panel.in-view::before,.minimal-contact .contact-panel:focus-within::before{transform:scaleX(1)}
.minimal-contact .form-notice{max-width:520px;color:var(--muted)}
.minimal-contact .contact-panel textarea{background:#eaf0e1}
.minimal-contact .contact-panel textarea:focus-visible{outline-color:var(--lime);box-shadow:0 0 0 6px rgba(217,255,10,.1)}
.minimal-contact .contact-panel button{color:var(--lime);border-color:var(--lime)}
.minimal-contact .contact-panel button span{transition:transform .4s cubic-bezier(.16,1,.3,1)}
.minimal-contact .contact-panel button:hover span{transform:translate(4px,-4px)}
.minimal-footer{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:end;gap:clamp(25px,4vw,70px);background:#0d241b!important;color:var(--fg)!important;padding:48px var(--pad) 42px;border-top:1px solid var(--border)}
.minimal-footer .footer-brand{display:block;width:112px}
.minimal-footer .footer-brand .mark{width:100%}
.footer-identity,.footer-business,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.footer-identity{gap:20px}.footer-identity>span{font-size:10px;letter-spacing:.1em}
.footer-business{gap:5px;font-size:12px;line-height:1.55;color:var(--muted)}
.footer-business span:first-child{color:var(--fg);font-weight:600}
.footer-contact{gap:8px;font-size:12px;white-space:nowrap}
.footer-contact a{text-decoration-thickness:1px;text-underline-offset:4px}.footer-contact a:hover{text-decoration:underline}
@media(max-width:900px){.minimal-footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:2}}
@media(max-width:700px){
  .minimal-b.live-site .site-header{grid-template-columns:90px 1fr}
  .minimal-b.live-site .site-header nav{justify-content:space-between}
  .minimal-b main::before{filter:blur(35px)}
  .minimal-hero{min-height:clamp(430px,58svh,560px);padding-top:65px;padding-bottom:40px}
  .minimal-hero-logo{width:calc(100vw - 2*var(--pad))}
  .minimal-hero-bottom{margin-top:60px;align-items:end}
  .minimal-hero-bottom p{font-size:clamp(38px,10vw,57px);max-width:260px}
  .minimal-hero-bottom a{gap:8px;font-size:9px}
  .minimal-hero-bottom a span{font-size:20px}
  .minimal-index{padding-top:25px;padding-bottom:100px}
  .minimal-index>a{padding:25px 0}
  .minimal-index>a span{font-size:clamp(57px,14vw,92px)}
  .minimal-page-lead{padding-top:95px;padding-bottom:75px}
  .minimal-page-lead h1{font-size:clamp(74px,17vw,120px)}
  .minimal-page-lead>p{font-size:16px;max-width:290px;margin-top:60px}
  .minimal-services,.minimal-work,.minimal-contact{padding-bottom:110px}
  .minimal-service-row{display:block;padding:28px 0}
  .minimal-service-row h3{font-size:clamp(48px,11vw,72px)}
  .minimal-service-row p{margin-top:12px;font-size:12px}
  .minimal-work{grid-template-columns:1fr;gap:55px}
  .minimal-work figure:nth-child(2){margin-top:0}
  .minimal-work img{height:115vw;max-height:680px}
  .portfolio-toolbar{display:block;padding-bottom:28px}
  .portfolio-toolbar>span{display:block;padding:0;margin-bottom:19px}
  .portfolio-filters{justify-content:flex-start;gap:7px}
  .portfolio-filters button{padding:10px 12px}
  .portfolio-grid{grid-template-columns:1fr;row-gap:50px}
  .portfolio-card:nth-child(even){padding-top:0}
  .portfolio-frame{aspect-ratio:.86}
  .frame-light-text{font-size:clamp(45px,14vw,100px)}
  .portfolio-caption h2{font-size:31px}
  .portfolio-disclaimer{margin-top:80px}
  .portfolio-dialog{width:100%;height:100dvh;border:0;box-sizing:border-box}
  .gallery-shell{padding:16px 12px 13px}
  .gallery-top h2{font-size:34px}
  .gallery-stage{grid-template-columns:38px minmax(0,1fr) 38px;padding:12px 0}
  .gallery-arrow{width:34px;height:34px;font-size:19px}
  .gallery-bottom{display:block}
  .gallery-bottom p{font-size:20px;margin-bottom:13px}
  .gallery-thumbs{justify-content:flex-start}
  .gallery-thumbs button{flex-basis:46px;width:46px;height:52px}
  .minimal-contact .contact-panel{width:100%}
  .minimal-footer{grid-template-columns:1fr;gap:27px;padding-top:35px;padding-bottom:30px}
  .minimal-footer .footer-brand{width:86px}
  .footer-identity{gap:13px}.footer-contact{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.minimal-b main::before,.minimal-hero-bottom a span,.hero-light{animation:none}.minimal-b:not(.ready) .minimal-hero-logo,.minimal-b:not(.ready) .minimal-page-lead h1{opacity:1;clip-path:none;transform:none;filter:none}.minimal-b:not(.ready) .minimal-hero-bottom,.minimal-b:not(.ready) .minimal-page-lead>p{opacity:1;transform:none}.minimal-b.motion-ready .minimal-index>a,.minimal-b.motion-ready .minimal-service-row:not(.in-view),.minimal-b.motion-ready .minimal-work figure:not(.in-view),.minimal-b.motion-ready .portfolio-card:not(.in-view),.minimal-b.motion-ready .minimal-contact .contact-panel:not(.in-view){opacity:1;transform:none}.minimal-b.motion-ready .minimal-work figure:not(.in-view) img{clip-path:none;filter:none;transform:none}.portfolio-frame,.frame-art,.frame-reveal,.frame-corner,.portfolio-filters button,.gallery-arrow,.gallery-thumbs button{transition:none!important;animation:none!important}}
