/* No Ink Labs — light, glass and motion. Brand palette from the supplied guide. */
:root{--night:#071d14;--glass-border:rgba(239,239,239,.18);--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:130px}body{background:#efefef}.reading-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--lime),var(--blue));transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}.site-header{position:fixed;z-index:50;top:20px;left:32px;right:32px;min-height:82px;padding:15px 25px;border-radius:20px;border:1px solid var(--glass-border);background:rgba(15,48,34,.64);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);color:var(--paper);box-shadow:0 12px 50px #04180f14;gap:24px;transition:background .3s,border-color .3s,box-shadow .3s}.site-header.is-scrolled{background:rgba(10,37,25,.9);border-color:#55795d70;box-shadow:0 8px 40px #04180f26}.site-header .logo{width:110px}.desktop-nav{margin-left:auto;gap:32px}.desktop-nav a{color:#e0e9e0}.desktop-nav a:after{background:var(--lime)}.desktop-nav a:hover,.desktop-nav a[aria-current=true]{color:var(--lime)}.header-link{margin-left:auto;border:1px solid #bed5ba52;padding:10px 18px;border-radius:100px;background:#b3d1890c;gap:22px;transition:background .25s,border-color .25s}.header-link:hover{background:#b3d18922;border-color:#b3d189}.motion-toggle{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #c3ddc536;border-radius:50%;color:#e6eee6;background:#e4efe60a;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#e4efe61f}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.hero{isolation:isolate;position:relative;display:grid;grid-template-columns:53% 47%;margin:12px;min-height:800px;min-height:max(790px,calc(100svh - 24px));border-radius:28px;background:var(--night);overflow:hidden}.hero-copy{padding:176px 0 38px clamp(34px,5vw,88px);z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1}.ambient-light{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.light-green{width:65%;height:90%;right:-15%;top:-15%;background:radial-gradient(ellipse,#6e9f5488,#12412d00 70%)}.light-blue{width:40%;height:65%;left:15%;bottom:-45%;background:radial-gradient(ellipse,#9fc0d988,#12412d00 70%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#e0f7e106 1px,transparent 1px),linear-gradient(90deg,#e0f7e106 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,black 60%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 60%,transparent)}.hero .eyebrow{display:flex;align-items:center;gap:13px;font-size:.75rem;letter-spacing:.14em;color:#ccdccb}.eyebrow-line{display:block;width:26px;height:1px;background:var(--lime)}.hero h1{position:relative;font-size:clamp(45px,5.4vw,92px);line-height:1.09;letter-spacing:-.06em;margin:44px -90px 25px;font-weight:400;margin-left:0}.title-line{display:block}.hero h1 em{background:linear-gradient(100deg,var(--lime) 5%,#d1e3b5 55%,var(--blue));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:1rem;line-height:1.8;max-width:390px;color:#b8cbbc;margin-bottom:28px}.button{border-radius:100px;min-height:56px;padding:12px 13px 12px 24px;gap:34px;position:relative;overflow:hidden}.button span{display:grid;place-items:center;background:#12412d;border-radius:50%;color:var(--lime);width:32px;height:32px;font-size:20px;transition:transform .35s var(--ease)}.button:hover span{transform:rotate(45deg)}.button-light{box-shadow:0 0 0 1px #d5e7a838,0 8px 28px #04150e30}.hero-bottom{padding-top:46px;max-width:420px;color:#b8cbbc}.hero-bottom a{background:#f0f8eb08;border:1px solid #d4e8c62e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:44px;width:44px}.hero-image{position:relative;margin:140px 0 50px -28px;min-height:560px;overflow:visible;z-index:2;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform 1.2s var(--ease)}.artwork-float{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-image .hero-artwork{width:95%;height:100%;object-fit:contain;border-radius:36px;mask-image:linear-gradient(180deg,transparent,black 8%,black 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 8%,black 90%,transparent)}.glass-note{position:absolute;z-index:2;color:var(--paper);border:1px solid rgba(224,247,220,.25);border-radius:18px;padding:22px 26px;background:linear-gradient(135deg,rgba(217,238,210,.12),rgba(239,239,239,.035));box-shadow:inset 0 1px 0 #fff2,0 16px 50px #0002;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}.glass-note-top{left:14%;top:10%;display:grid;grid-template-columns:1fr 24px;column-gap:20px;transform:rotate(-4deg);max-width:350px}.glass-note-top>svg{grid-column:2;grid-row:1/3;align-self:center}.note-label{display:block;font-size:.625rem;letter-spacing:.1em;line-height:1.6;color:#c1d2c2;margin-bottom:9px}.glass-note-top>span:last-of-type{font-size:1.125rem;letter-spacing:-.04em}.glass-note-bottom{right:10%;bottom:8%;min-width:238px;transform:rotate(3deg)}.glass-note-bottom>span:last-child{font-size:1.875rem;line-height:1.12;letter-spacing:-.045em}.intro-line{position:relative;display:flex;border-bottom:1px solid #cfd8ce;padding:30px var(--gutter);font-size:.75rem;letter-spacing:.1em;color:#506852;background:var(--paper)}
@media(min-width:1600px){.hero-copy{padding-top:190px}.hero h1{margin-top:52px}.hero-description{font-size:1.125rem;max-width:440px}.hero-image{min-height:600px}}
@media(max-width:1100px){.site-header{left:24px;right:24px;padding:14px 20px;gap:18px}.desktop-nav{gap:22px}.header-link{gap:14px;padding:10px 14px}.hero{grid-template-columns:55% 45%;min-height:770px}.hero-copy{padding-left:40px}.hero h1{font-size:clamp(48px,5.7vw,65px)}.hero-image{margin-left:-45px}.glass-note-top{left:4%;top:15%;padding:18px;max-width:280px}.glass-note-bottom{min-width:200px;right:9%;bottom:12%;padding:20px}.glass-note-bottom>span:last-child{font-size:1.6rem}}
@media(max-width:900px){.desktop-nav{display:none}.header-link{margin-left:auto}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:30px}.hero h1{font-size:clamp(43px,5.9vw,60px)}.hero-description{max-width:340px}.glass-note-top{display:none}.hero-image{margin-left:-50px}.glass-note-bottom{right:8%;bottom:12%}}
@media(max-width:760px){html{scroll-padding-top:105px}.site-header{top:16px;left:24px;right:24px;min-height:74px;border-radius:18px;padding:13px 18px;gap:12px}.site-header .logo{width:96px}.header-link{display:none}.motion-toggle{margin-left:auto;width:36px;height:36px}.menu-toggle{display:flex;width:38px;height:38px;border:1px solid #c3ddc536;border-radius:50%;gap:6px}.menu-toggle span{background:var(--paper);width:16px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:49;top:101px;left:24px;right:24px;margin:0;padding:12px 24px;border:1px solid var(--glass-border);border-radius:20px;background:rgba(10,37,25,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 40px #0003}.mobile-nav a{border-color:#c3ddc52b}.hero{margin:10px;border-radius:24px;display:flex;min-height:0;flex-direction:column}.hero-copy{padding:139px 24px 0;align-items:flex-start}.hero .eyebrow{font-size:.6875rem;letter-spacing:.12em}.hero h1{font-size:clamp(37px,8.7vw,67px);margin:32px 0 23px;line-height:1.12;letter-spacing:-.055em}.hero-description{font-size:1rem;max-width:440px;line-height:1.75;margin-bottom:24px}.hero-bottom{display:none}.hero-image{height:430px;min-height:0;margin:10px 0 0;width:100%;transform:none!important}.hero-image .hero-artwork{width:100%;height:110%;object-fit:contain;max-width:100%;mask-image:linear-gradient(180deg,transparent,black 10%,black 86%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 10%,black 86%,transparent)}.glass-note-top{display:none}.glass-note-bottom{right:7%;bottom:8%;min-width:180px;padding:17px 20px;border-radius:15px}.glass-note-bottom>span:last-child{font-size:1.5rem}.glass-note .note-label{font-size:.625rem}.intro-line{padding:23px 24px;gap:15px;font-size:.75rem;letter-spacing:.045em}.intro-line>span:first-child{max-width:235px}.intro-line>span:last-child{font-size:.75rem}.ambient-light{filter:blur(55px)}.light-green{width:130%;height:80%;top:32%;right:-55%}.light-blue{left:-30%;bottom:15%;height:30%;width:100%}}
/* The light sections retain the editorial rhythm of the identity system. */
.section{position:relative;padding-top:120px;padding-bottom:120px}.section-label{color:#3e5b43;font-size:.75rem}.vision{grid-template-columns:1fr 2fr;gap:60px;background:radial-gradient(ellipse at 95% 85%,#b3d18924,transparent 45%)}.vision h2{font-size:clamp(36px,4.25vw,68px);line-height:1.13}.vision h2>span{color:#647d66}.vision-text{margin-top:40px;gap:36px}.vision-text p{color:#536157}.tiny-mark{display:block;object-fit:contain;width:66px;height:65px;opacity:.7}.vision .tiny-mark{width:78px;height:76px;filter:drop-shadow(0 14px 20px #12412d16)}.wide-image{height:570px;border-radius:28px;margin:0 32px;isolation:isolate}.wide-image>img{height:118%;width:100%;position:absolute;top:-9%;object-fit:cover;transform:translate3d(0,var(--photo-shift,0px),0);transition:transform .15s linear}.wide-image:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#071d1400 40%,#071d1444);pointer-events:none}.wide-image figcaption{position:absolute;left:34px;bottom:32px;right:auto;max-width:calc(100% - 68px);z-index:1;display:grid;grid-template-columns:1fr 46px;gap:18px 34px;padding:27px 30px;background:rgba(15,48,34,.46);border:1px solid #e5f6dc50;border-radius:20px;box-shadow:inset 0 1px 0 #fff2,0 10px 40px #0002;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.caption-index{font-size:.75rem;letter-spacing:.08em;color:#d8e4d3;grid-column:1/-1}.caption-title{font-size:clamp(24px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em}.caption-arrow{border:1px solid #d4e6cb5c;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;font-size:26px;align-self:end}.expertise{background:radial-gradient(ellipse at 0% 70%,#9fc0d927,transparent 55%)}.section-heading h2{font-size:clamp(36px,4.1vw,65px)}.expertise-layout{gap:40px;margin-top:60px;align-items:stretch}.expertise-list{border:1px solid #bdcebe8c;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ffffffa6,#e0e9e042);box-shadow:inset 0 1px 0 #fff,0 15px 60px #193a2510;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.expertise-list details{margin:0 26px;border-color:#bed0c1}.expertise-list details:first-child{border-top:none}.expertise-list details:last-child{border-bottom:none}.expertise-list summary{padding:29px 0;gap:16px}.expertise-list h3{font-size:clamp(18px,1.65vw,25px)}.detail-body{padding-bottom:30px;padding-left:31px}.detail-body p{line-height:1.8}.tags{gap:6px}.tags span{background:#e7eee199;border:1px solid #bfcfbb;border-radius:100px;font-size:.75rem;padding:6px 11px}.expertise-visual{border:1px solid #ecf2e747;box-shadow:0 20px 50px #0d2a1821;border-radius:24px;min-height:420px}.expertise-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#071d1499);pointer-events:none}.expertise-visual>img{transition:transform 1.2s var(--ease);height:100%;object-fit:cover}.expertise-visual>p{z-index:1;right:auto;left:25px;bottom:25px;padding:18px 22px;background:#f6fff112;border:1px solid #eaf5e640;border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-shadow:none;font-size:1.375rem;line-height:1.2;box-shadow:inset 0 1px 0 #fff2}.approach{isolation:isolate;position:relative;overflow:hidden;margin:0 24px;padding:84px clamp(28px,5vw,78px) 88px;border-radius:32px;border:1px solid #dcebd091;background:radial-gradient(ellipse at 5% 85%,#9fc0d9 0%,transparent 55%),radial-gradient(ellipse at 95% 10%,#d9e8b1 0%,transparent 60%),#b3d189;color:var(--green)}.approach:before{content:'';position:absolute;width:600px;height:600px;right:-100px;top:-280px;border-radius:50%;background:#d8eabe80;filter:blur(65px);z-index:-1}.approach-top{grid-template-columns:1fr 2fr;gap:60px}.approach h2{font-size:clamp(36px,4.1vw,65px)}.approach h2 span{color:#496e44}.principles{margin-top:65px;gap:18px;perspective:1200px}.principles article{position:relative;overflow:hidden;isolation:isolate;display:block;padding:25px 27px 30px;border:1px solid #f2f8e69c;border-radius:22px;background:linear-gradient(140deg,#f4ffe047,#f4ffe014);box-shadow:inset 0 1px 0 #fff8,0 15px 45px #2248240b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .55s var(--ease),box-shadow .4s,border-color .4s}.principle-top{display:flex;justify-content:space-between;align-items:center}.principle-number{font-size:.75rem;color:#376038;padding:0}.principle-icon{width:50px;height:50px;border:1px solid #6486502e;display:grid;place-items:center;background:#eff7df4d;border-radius:14px;box-shadow:inset 0 1px 0 #fff6}.principle-icon svg{width:25px;height:25px;stroke:#315d39;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.principles h3{margin:38px 0 15px;font-size:clamp(21px,1.7vw,27px);letter-spacing:-.04em}.principles p{font-size:1rem;line-height:1.8;color:#36573b;margin:0}.about{grid-template-columns:1fr 1.65fr;gap:10vw;align-items:center;background:radial-gradient(ellipse at 0% 50%,#9fc0d918,transparent 70%)}.about-side{align-self:start}.about-art{position:relative;max-width:300px;height:340px;border-radius:24px;margin-top:32px;transform:rotate(-4deg);box-shadow:0 20px 55px #12412d18;border:1px solid #d0d8ca;overflow:hidden}.about-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}.about-art-caption{position:absolute;bottom:18px;left:18px;right:18px;border:1px solid #ffffff70;background:#173b2729;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:14px;padding:17px;color:#fff;font-size:1.125rem;line-height:1.2;letter-spacing:-.03em}.about h2{font-size:clamp(36px,3.7vw,60px)}.about-content>p{font-size:1rem;max-width:500px}.text-link{color:var(--green);border-color:#a5baa0;gap:40px}.text-link>span{transition:transform .3s var(--ease)}.text-link:hover>span{transform:translate(3px,-3px)}.brand-statement{padding:12px var(--gutter) 70px;gap:30px}.brand-statement p{font-size:clamp(34px,6.2vw,105px);letter-spacing:-.065em}.brand-statement p span{background:linear-gradient(110deg,#487242,#86a761 50%,#507f94);background-clip:text;-webkit-background-clip:text;color:transparent}.site-footer{position:relative;overflow:hidden;isolation:isolate;background:var(--night);border-radius:28px 28px 0 0;padding-top:62px}.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 160%,#658a5038,transparent 65%)}.footer-bottom{border-color:#b3d18928}.back-top span{background:#eaf5e908;border-color:#dcf5d52e;transition:background .3s}.back-top:hover span{background:#b3d18922}
/* Motion remains optional; content is visible before JavaScript initializes. */
.hero-image .hero-artwork{width:118%;height:112%;max-width:none;object-fit:contain;border-radius:0;mask-image:radial-gradient(ellipse 70% 66% at 50% 49%,#000 49%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse 70% 66% at 50% 49%,#000 49%,transparent 77%)}.hero-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--pointer-x,60%) var(--pointer-y,30%),#b3d1890e,transparent);pointer-events:none}.note-label{font-size:.75rem}.motion-toggle{width:44px;height:44px}.motion-on .ambient-light{animation:ambient-drift 14s ease-in-out infinite alternate}.motion-on .light-blue{animation-delay:-6s}.motion-on .artwork-float{animation:sculpture-float 9s ease-in-out infinite}.motion-on .glass-note-top{animation:glass-float 7.5s ease-in-out -2s infinite}.motion-on .glass-note-bottom{animation:glass-float 9s ease-in-out -5s infinite}.motion-on .title-line{animation:title-enter 1.05s var(--ease) both}.motion-on .title-line:nth-child(2){animation-delay:.12s}.motion-on .title-line:nth-child(3){animation-delay:.24s}.motion-on .hero-description{animation:title-enter 1s .35s var(--ease) both}.motion-on .hero .button{animation:title-enter 1s .43s var(--ease) both}.reveal{opacity:1;transform:none}.motion-on .reveal[data-reveal-ready=true]{transition:opacity .85s var(--ease) var(--reveal-delay,0ms),translate .85s var(--ease) var(--reveal-delay,0ms)}.motion-on .reveal[data-reveal-ready=true]:not(.is-visible){opacity:0;translate:0 26px}.motion-on details[open] .detail-body{animation:detail-enter .45s var(--ease)}.page-idle *,.out-of-view .artwork-float,.out-of-view .glass-note,.out-of-view .ambient-light{animation-play-state:paused!important}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .hero-image,.motion-off .wide-image>img{transform:none!important}.motion-off .reveal{opacity:1!important;translate:none!important}
@keyframes ambient-drift{from{transform:translate3d(-3%,-3%,0) scale(.95);opacity:.3}to{transform:translate3d(7%,5%,0) scale(1.14);opacity:.55}}@keyframes sculpture-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-15px,0) rotate(1deg)}}@keyframes glass-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes title-enter{from{opacity:0;transform:translate3d(0,25px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes detail-enter{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.motion-on .principles article:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);border-color:#fff;box-shadow:inset 0 1px 0 #fff9,0 22px 55px #294e2721}.principles article:after{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(200px circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff45,transparent);transition:opacity .3s;pointer-events:none}.principles article:hover:after{opacity:1}.motion-on .expertise-visual:hover>img{transform:scale(1.04)}}
@supports(interpolate-size:allow-keywords){.motion-on .expertise-list details{interpolate-size:allow-keywords}.motion-on .expertise-list details::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}.motion-on .expertise-list details[open]::details-content{height:auto}}
@media(max-width:1100px){.section{padding-top:88px;padding-bottom:88px}.vision,.section-heading,.approach-top{gap:30px}.vision-text{gap:24px}.expertise-layout{gap:24px}.expertise-list details{margin:0 20px}.expertise-list summary{gap:12px}.detail-body{padding-left:28px}.principles article{padding:22px 20px 28px}.principles{gap:14px}.about{gap:55px}.about-art{height:320px}.glass-note-top .note-label{font-size:.75rem}.glass-note-top{left:7%;max-width:280px}.wide-image{height:490px}.brand-statement .tiny-mark{display:none}}
@media(max-width:760px){.hero .eyebrow{font-size:.75rem}.hero h1{font-size:clamp(2rem,8.7vw,4rem)}.hero-image .hero-artwork{width:112%;height:115%;mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,#000 45%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,#000 45%,transparent 76%)}.glass-note .note-label{font-size:.75rem;letter-spacing:.065em}.glass-note-bottom{right:6%;bottom:7%;max-width:65%;min-width:0}.motion-toggle,.menu-toggle{width:44px;height:44px}.site-header{padding:10px 14px;gap:9px}.site-header .logo{width:96px}.section{padding:72px 24px}.vision{display:block}.vision h2,.section-heading h2,.approach h2,.about h2{font-size:clamp(32px,8vw,48px);line-height:1.15;letter-spacing:-.045em}.vision>.section-label{margin-bottom:25px}.vision .tiny-mark{display:none}.vision-text{display:grid;grid-template-columns:1fr;gap:20px;margin-top:28px}.wide-image{margin:0 14px;height:470px;border-radius:24px}.wide-image>img{object-position:60% center}.wide-image figcaption{left:18px;right:18px;max-width:none;bottom:18px;padding:20px;gap:16px;border-radius:18px;grid-template-columns:1fr 38px}.caption-index{font-size:.75rem;letter-spacing:.05em}.caption-title{font-size:1.6rem}.caption-arrow{width:38px;height:38px;font-size:22px}.section-heading{display:block}.section-heading>.section-label{margin-bottom:25px}.expertise-layout{display:flex;flex-direction:column;gap:20px;margin-top:34px}.expertise-list{border-radius:22px}.expertise-list details{margin:0 18px}.expertise-list summary{padding:24px 0;gap:10px}.expertise-list h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.035em}.item-number{font-size:.75rem}.detail-body{padding-left:26px;padding-right:0;padding-bottom:25px}.detail-body p{font-size:1rem;line-height:1.75}.tags{gap:6px}.tags span{font-size:.75rem;padding:6px 9px}.expertise-visual{min-height:0;height:350px;border-radius:22px}.expertise-visual>p{font-size:1.25rem;left:20px;bottom:20px;padding:16px 20px}.approach{margin:0 12px;border-radius:26px;padding:50px 20px}.approach-top{display:block}.approach-top>.section-label{margin-bottom:25px}.principles{grid-template-columns:1fr;gap:16px;margin-top:35px}.principles article{padding:24px;display:block;border-radius:20px}.principles h3{font-size:1.5rem;margin:25px 0 14px}.principles p{max-width:none;line-height:1.75}.principle-icon{width:45px;height:45px;border-radius:12px}.about{display:flex;flex-direction:column;align-items:stretch;gap:42px}.about-side{display:flex;flex-direction:column;width:100%;align-self:stretch}.about-side>.section-label{margin-bottom:0}.about-art{height:330px;max-width:300px;width:80%;align-self:center;transform:rotate(-3deg);margin-top:38px}.about h2{font-size:clamp(32px,7.7vw,44px)}.about-content>p{font-size:1rem;line-height:1.75}.brand-statement{padding:0 24px 55px}.brand-statement p{font-size:clamp(48px,11vw,78px);line-height:1.06}.site-footer{padding:40px 24px 25px;border-radius:24px 24px 0 0}.footer-bottom{font-size:.75rem;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-light,.artwork-float,.glass-note,.title-line,.hero-description,.hero .button,.detail-body{animation:none!important}.hero-image,.wide-image>img{transform:none!important}.reveal{opacity:1!important;translate:none!important;transition:none!important}.principles article:hover{transform:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.mobile-nav{background:#103524}.glass-note,.wide-image figcaption{background:rgba(16,53,36,.94)}.expertise-visual>p,.about-art-caption{background:#163c2bea}.principles article{background:#d8e8bf}}
/* Keep glass text legible where the artwork catches light. */
.glass-note{background:linear-gradient(135deg,rgba(45,82,58,.68),rgba(14,43,29,.64));border-color:#e2f4d54d}.motion-toggle:disabled{opacity:.65;cursor:default}.hero-copy{padding-top:152px;padding-bottom:32px}.hero h1{font-size:clamp(45px,5.2vw,88px);margin-top:38px;margin-bottom:22px}.hero-bottom{padding-top:32px}.hero h1,.section h2,.approach h2{overflow-wrap:normal}.hero-copy,.vision-content,.section-heading>*,.about-content,.principles article{min-width:0}
@media(min-width:1600px){.hero-copy{padding-top:170px}.hero h1{margin-top:44px}}
@media(max-width:1100px){.hero h1{font-size:clamp(43px,5.7vw,65px)}}
@media(max-width:760px){.hero-copy{padding-top:139px;padding-bottom:0}.hero h1{font-size:clamp(2rem,8.7vw,4rem);margin-top:32px;margin-bottom:23px}.intro-line>span:last-child{display:none}.hero .button{font-size:.875rem}}
@media(min-width:761px) and (max-width:900px){.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;flex:none;border:1px solid #c3ddc536;border-radius:50%;background:transparent;cursor:pointer}.menu-toggle span{width:16px;height:1px;background:var(--paper)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:49;top:113px;left:24px;right:24px;margin:0;padding:12px 24px;display:grid;border:1px solid var(--glass-border);border-radius:20px;background:rgba(10,37,25,.96);color:var(--paper);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-nav a{padding:16px 0;border-bottom:1px solid #c3ddc52b}.mobile-nav a:last-child{border:0}}
