@font-face{font-family:WMS Sans;src:url('assets/noto-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f3f5f3;--ink:#062337;--muted:#56707c;--line:#cfdbdd;--cyan:#00b9d0;--gutter:clamp(24px,5.5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'WMS Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #00a0b2;outline-offset:8px}::selection{background:#96e0df;color:var(--ink)}[hidden]{display:none!important}
.arrow{display:block;width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.skip{position:fixed;left:20px;top:-100px;z-index:10;padding:14px;background:white}.skip:focus{top:15px}
.header{height:118px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:3;position:relative}.home .header{position:absolute;top:0;left:0;right:0}.brand img{width:106px;height:auto;display:block}.header nav{display:flex;gap:40px;align-items:center;font-size:13px}.header nav a{display:flex;align-items:center;gap:12px;min-height:44px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header .arrow{width:18px;height:18px}
/* A single full-bleed scene. All words and navigation are HTML, never painted into WebGL. */
.water-hero{position:relative;min-height:620px;height:100svh;max-height:1250px;isolation:isolate;overflow:hidden}.water-scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(#b9d7df 0%,#e8ede6 47%,#f3f0df 53%,#84b5bd 54%,#276d80 66%,#103b51 100%)}.water-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 75%,#08273725);pointer-events:none}#water-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}.water-ready #water-canvas{opacity:1}
.water-hero h1{position:relative;margin:0;padding:0 var(--gutter);top:clamp(155px,20svh,270px);font:500 clamp(100px,13vw,218px)/.88 Arial,Helvetica,sans-serif;letter-spacing:-.08em;max-width:1000px;will-change:transform;pointer-events:none;color:#082936}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:42px;display:flex;justify-content:space-between;align-items:center;color:#fffef6}
.light-link,.text-link{display:inline-flex;align-items:center;gap:30px;min-height:46px;font-size:13px;line-height:1.5;border-bottom:1px solid currentColor;padding:8px 0}.light-link{color:#fffef6;text-shadow:0 1px 12px #08273790}.text-link:hover{color:#097584}
.motion-toggle{width:40px;height:40px;display:grid;place-items:center;background:#0a344929;color:inherit;border:1px solid #f4f5ef70;border-radius:50%;cursor:pointer}.motion-toggle:hover{background:#0a344960}.motion-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.play-symbol{display:none}.motion-toggle[aria-label="Play water motion"] .pause-symbol{display:none}.motion-toggle[aria-label="Play water motion"] .play-symbol{display:block}
h2,h3,p{margin:0}h2{font:500 clamp(34px,4vw,60px)/1.1 Arial,sans-serif;letter-spacing:-.055em}
.wrap{width:100%;max-width:1800px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.section-top{margin-bottom:42px}
.portfolio{padding-top:100px;padding-bottom:30px}
.products{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product{position:relative;min-height:565px;display:flex;flex-direction:column;padding:26px 34px 23px;overflow:hidden;transition:box-shadow .25s,transform .3s}
.product:hover{transform:translateY(-4px);box-shadow:0 18px 38px #06233712}
.chale{background:#ebe4d9;color:#623d43}.prism{background:#dfedeb;color:#082e3c}
.product-info{z-index:1;margin-top:auto}
.product-info>img{max-width:126px;object-fit:contain;object-position:left center;display:block;height:43px;width:auto;margin-bottom:20px}
.product-info>img.prism-wordmark{height:48px;margin-bottom:15px}
.product h3{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(30px,3.1vw,49px);line-height:1.06;margin:0 0 18px}
.product-info p{font-size:13px;line-height:1.75;margin:0 0 30px;max-width:350px}
.product-url{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #06233726;padding-top:18px}
.product-url .arrow{width:17px;height:17px}
.chale-art,.prism-art{height:245px;position:relative;display:grid;place-items:center;isolation:isolate;margin:7px 0 24px}
.chale-face{display:block;width:125px;height:125px;position:relative;z-index:1;overflow:visible;transform-origin:center;filter:drop-shadow(0 18px 24px #6d3e4517)}
/* Chale's existing idle motion: apps/mobile/src/web/web.css. */
.chale-face.is-animated{animation:chale-breathe 6s ease-in-out infinite}
.chale-face.is-animated .chale-eyes{transform-box:fill-box;transform-origin:center;animation:chale-blink 7.2s ease-in-out infinite}
@keyframes chale-breathe{50%{transform:scale(1.025)}}
@keyframes chale-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
.orbit{position:absolute;border:1px solid #6d3e4519;border-radius:50%;width:270px;height:105px;transform:rotate(-23deg)}
.orbit-two{width:330px;height:165px;transform:rotate(26deg);border-color:#6d3e4512}
.prism-art img{width:155px;height:155px;object-fit:contain;position:relative;filter:drop-shadow(15px 24px 18px #00405815);transition:transform .6s}
.product:hover .prism-art img{transform:translateY(-5px) rotate(5deg)}
.prism-grid{width:320px;height:210px;position:absolute;transform:skewY(-12deg);background-image:linear-gradient(#0a49620c 1px,transparent 1px),linear-gradient(90deg,#0a49620c 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 73%)}
/* Actual project material, presented as work rather than a report. */
.selected-work{padding-top:100px;padding-bottom:110px}
.work-showcase{display:grid;grid-template-columns:1.4fr 1fr;min-height:510px;background:#173b42;color:#f3efe5;overflow:hidden}
.work-collage{position:relative;min-height:460px;perspective:1000px;background:radial-gradient(ellipse at 30% 40%,#779d9370,transparent 65%)}
.work-sheet{position:absolute;display:block;width:88%;height:auto;box-shadow:0 28px 50px #061a2c40;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.sheet-back{top:14%;left:2%;transform:rotate(-12deg) translate(-7%,-2%);opacity:.82}
.sheet-front{top:34%;left:9%;transform:rotate(6deg)}
.work-showcase:hover .sheet-front{transform:rotate(0deg) translateY(-14px)}.work-showcase:hover .sheet-back{transform:rotate(-17deg) translate(-7%,-8%)}
.work-title{padding:66px 44px 55px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
.work-title h3{font:400 clamp(50px,6.5vw,98px)/.94 Arial,sans-serif;letter-spacing:-.065em}.work-title p{margin:24px 0 28px;max-width:250px;font-size:15px;line-height:1.6;color:#c3d6d3}.work-title .text-link:hover{color:#a4e4e3}
/* Four distinct constructions share the WMS palette and respond to the pointer. */
.theme-marketing{--art-bg:#efe0d3;--art-ink:#8e4939;--art-accent:#e97755;background:var(--art-bg);color:#623628}
.theme-software{--art-bg:#d4e6df;--art-ink:#397268;--art-accent:#609c8e;background:var(--art-bg);color:#234f48}
.theme-ai{--art-bg:#e3e5f0;--art-ink:#70799c;--art-accent:#8590be;background:var(--art-bg);color:#3e486e}
.theme-training{--art-bg:#f0e4c8;--art-ink:#967334;--art-accent:#d7a44e;background:var(--art-bg);color:#655125}
.service-art{position:relative;isolation:isolate;display:grid;place-items:center;color:var(--art-ink);width:100%;min-width:0;aspect-ratio:520/460;overflow:hidden;perspective:900px}
.service-art>svg{width:94%;height:94%;position:relative;z-index:1;overflow:visible;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 22px 13px #16303713)}
.art-ground{position:absolute;bottom:12%;width:45%;height:6%;border-radius:50%;background:#15333624;filter:blur(20px);z-index:0}
.art-marketing .art-ground,.art-ai .art-ground{width:37%;bottom:13%;opacity:.5}.art-marketing>svg{width:96%}
.art-orbits{transform-origin:260px 230px;transform:rotateX(22deg);transition:transform .7s}.service-art:hover .art-orbits{transform:rotateX(4deg) rotateY(12deg)}
.art-layer,.art-leaf,.art-satellite{transition:translate .6s ease}.service-art:hover .layer-back{translate:0 -17px}.service-art:hover .layer-front{translate:0 17px}.service-art:hover .art-satellite{translate:8px -8px}.service-art:hover .leaf-back{translate:-15px -9px}.service-art:hover .leaf-middle{translate:15px -7px}.art-core{transform-origin:260px 230px;transition:transform .8s}.service-art:hover .art-core{transform:rotate(45deg)}
.services-explorer{background:#092a37;color:#f3f5ef;padding:84px 0 90px}.services-explorer .section-top{margin-bottom:50px}.service-studio{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}
.studio-menu{display:flex;flex-direction:column}.studio-menu button{appearance:none;border:0;border-bottom:1px solid #b4cbcb30;padding:29px 0;text-align:left;background:none;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#98b1b5;font:400 clamp(25px,3vw,44px)/1.12 Arial,sans-serif;letter-spacing:-.045em;cursor:pointer;transition:color .25s,transform .25s}.studio-menu button:first-child{border-top:1px solid #b4cbcb30}.studio-menu button span{max-width:370px}.studio-menu .arrow{opacity:0;translate:-8px 0;transition:opacity .25s,translate .25s}.studio-menu button[aria-selected="true"]{color:#faf9ed}.studio-menu button[aria-selected="true"] .arrow{opacity:1;translate:0 0}.studio-menu button:hover{color:#faf9ed}.studio-menu button:focus-visible{outline-offset:5px}
.studio-stage{min-width:0}.studio-panel{overflow:hidden;min-height:525px;display:flex;flex-direction:column;animation:panel-arrive .35s ease-out}.studio-panel .service-art{max-height:440px;flex:1}.studio-panel-bottom{padding:10px 32px 30px;display:flex;align-items:center;gap:25px;justify-content:space-between}.studio-panel ul{padding:0;margin:0;list-style:none;font-size:13px;line-height:1.8}.circle-link{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:1px solid currentColor;transition:background .2s,transform .25s}.circle-link:hover{background:#fff5;transform:rotate(45deg)}.no-script-services{line-height:2}
@keyframes panel-arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}
.culture{padding-top:110px;padding-bottom:70px}.culture-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.culture-card{min-height:410px;padding:30px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;transition:transform .4s}.culture-card:hover{transform:translateY(-7px)}.culture-card h3{font:400 clamp(34px,3.6vw,57px)/1 Arial,sans-serif;letter-spacing:-.055em;z-index:1}.culture-card>span{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;font-size:11px;z-index:1;line-height:1.6}.culture-card .arrow{width:18px;height:18px}.culture-restory{background:#cfdee3;color:#153747}.culture-adesa{background:#a94e37;color:#fff2df}.culture-library{background:#ddceaa;color:#584731}.culture-art{height:210px;position:relative;margin-top:20px}
.editorial-lines{display:flex;gap:10px;align-items:center;transform:rotate(-24deg) translate(16px,-4px)}.editorial-lines i{display:block;width:22px;height:145px;background:#527c88;border-radius:20px;transition:height .5s}.editorial-lines i:nth-child(2){height:90px}.editorial-lines i:nth-child(4){height:110px}.editorial-lines i:nth-child(5){height:170px}.culture-card:hover .editorial-lines i:nth-child(even){height:160px}
.editorial-quotes{font:320px/.9 Georgia,serif;letter-spacing:-.1em;transform:translate(18px,-3px);color:#d9a48a;transition:transform .5s}.culture-card:hover .editorial-quotes{transform:translate(8px,-12px)}
.editorial-pages i{display:block;position:absolute;top:30px;left:calc(50% - 55px);width:110px;height:140px;background:#f8f0d9;box-shadow:5px 9px 15px #58473114;transform-origin:50% 100%;transition:rotate .6s}.editorial-pages i:first-child{rotate:-25deg;background:#ba9865}.editorial-pages i:nth-child(2){rotate:20deg;background:#e8d9b6}.culture-card:hover .editorial-pages i:first-child{rotate:-38deg}.culture-card:hover .editorial-pages i:nth-child(2){rotate:34deg}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:14%;align-items:center;padding-top:90px;padding-bottom:115px}.about-name{font:400 clamp(72px,11vw,170px)/.87 Arial,sans-serif;letter-spacing:-.08em}.about-name span{display:block}.about-name span:first-child{color:#1c687d}.about-name span:nth-child(2){color:#062337}.about-name span:last-child{color:#77aeb9}.about-copy h2{font-size:26px;letter-spacing:-.03em;margin-bottom:24px}.about-copy p{font-size:20px;line-height:1.6;max-width:430px}.about-copy .text-link{margin-top:32px}
.contact{padding-top:55px;padding-bottom:45px;border-top:1px solid var(--line)}.contact>a{display:flex;justify-content:space-between;align-items:center;gap:24px}.contact h2{font-size:clamp(66px,10vw,166px);line-height:1;letter-spacing:-.075em}.contact h2 span{color:var(--cyan)}.contact>a>.arrow{width:clamp(60px,9vw,150px);height:clamp(60px,9vw,150px);stroke-width:1;transition:transform .3s}.contact>a:hover>.arrow{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;margin-top:44px;font-size:12px;line-height:1.5}.contact-bottom span{color:var(--muted)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);padding-top:22px;padding-bottom:26px;border-top:1px solid var(--line)}.footer nav{display:flex;gap:25px;align-items:center}.footer a{display:inline-flex;align-items:center;gap:7px;min-height:44px}.footer .arrow{width:14px;height:14px}.footer a:hover{text-decoration:underline;text-underline-offset:4px}
/* Inner pages: visual openings, compact disclosures and shared navigation. */
.service-page .header,.project-page .header{border-bottom:1px solid var(--line)}.back-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:12px;line-height:1.5}.back-link .arrow{width:16px;height:16px}.back-link:hover{text-decoration:underline;text-underline-offset:5px}
.service-opening{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3%;min-height:620px;padding:40px var(--gutter) 60px;position:relative;overflow:hidden}.service-heading{z-index:2;min-width:0}.service-heading .back-link{margin-bottom:48px}.service-heading h1{font:400 clamp(48px,5.7vw,90px)/1 Arial,sans-serif;letter-spacing:-.065em;margin:0 0 30px}.service-heading p{font-size:16px;line-height:1.7;max-width:370px}.service-heading .text-link{margin-top:25px}.service-opening .service-art{width:118%;margin-left:-6%;min-height:430px}
.capability-section{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;padding-top:90px;padding-bottom:100px}.capability-intro h2{font-size:clamp(34px,4vw,54px)}.capability-intro .text-link{margin-top:24px}.capability-list{min-width:0}.capability{border-top:1px solid var(--line)}.capability:last-child{border-bottom:1px solid var(--line)}.capability summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;font:400 clamp(21px,2.2vw,29px)/1.2 Arial,sans-serif;letter-spacing:-.035em}.capability summary::-webkit-details-marker{display:none}.capability summary:focus-visible{outline:2px solid #00a0b2;outline-offset:7px}.capability summary:hover{color:#177580}.capability p{color:var(--muted);font-size:14px;line-height:1.7;padding:0 48px 27px 0;max-width:600px}.plus{position:relative;width:18px;height:18px;flex:0 0 auto}.plus:before,.plus:after{content:'';position:absolute;inset:8px 0;background:currentColor;height:1px}.plus:after{rotate:90deg;transition:rotate .2s}.capability[open] .plus:after{rotate:0deg}
.service-nav{padding-top:28px;padding-bottom:28px;display:flex;gap:18px 32px;flex-wrap:wrap;font-size:12px;line-height:1.5;border-top:1px solid var(--line)}.service-nav a{min-height:44px;display:flex;align-items:center;color:var(--muted)}.service-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.service-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.related-project{display:flex;align-items:center;gap:35px;padding:28px var(--gutter);background:#173b42;color:#f3efe5;margin-bottom:80px}.related-project>img{width:220px;max-width:32%;height:auto;display:block;box-shadow:0 10px 25px #0002;rotate:-3deg;transition:rotate .4s}.related-project:hover>img{rotate:0deg}.related-project strong{display:block;font:400 clamp(25px,3vw,42px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin-bottom:12px}.related-project span span{font-size:12px;color:#b9cec9}.related-project>.arrow{margin-left:auto}
/* Case study: the original artifacts lead, with manual, accessible browsing. */
.project-opening{padding-top:36px;padding-bottom:56px}.project-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:10%;margin-top:35px}.project-heading h1{font:400 clamp(70px,9.4vw,150px)/.88 Arial,sans-serif;letter-spacing:-.075em;margin:0}.project-heading p{font-size:clamp(21px,2.8vw,38px);line-height:1.2;letter-spacing:-.04em;margin-bottom:23px}.project-heading span{font-size:12px;color:var(--muted);line-height:1.7}
.project-gallery{background:#173b42;padding:55px var(--gutter) 28px;position:relative;overflow:hidden}.project-gallery:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 0%,#8ba99b6b,transparent 65%);pointer-events:none}.slide-stage{position:relative;max-width:1050px;margin:auto}.slide-stage figure{margin:0}.slide-zoom{display:block;cursor:zoom-in}.slide-stage img{display:block;width:100%;height:auto;box-shadow:0 25px 60px #00172370}.slide-stage figcaption{color:#d1dfda;font-size:12px;line-height:1.5;margin-top:24px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;max-width:1050px;margin:20px auto 0;color:#eaf2e8;position:relative;font-size:12px}.gallery-controls>div{display:flex;gap:10px}.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b7d1cc7d;border-radius:50%;background:none;color:inherit;cursor:pointer}.gallery-controls button:hover{background:#b7d1cc20}
.project-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:80px;padding-bottom:65px}.project-story h2{font-size:clamp(38px,4.5vw,65px)}.project-story p{font-size:18px;line-height:1.7;max-width:520px}.workshop-days{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workshop-day{padding:35px;background:#e5e8e1;display:flex;flex-direction:column;gap:55px}.workshop-day:nth-child(2){background:#e9dcc4}.workshop-day time{display:flex;align-items:center;gap:20px}.workshop-day time strong{font:400 clamp(60px,8vw,115px)/.8 Arial,sans-serif;letter-spacing:-.075em}.workshop-day time span{font-size:12px;max-width:40px;line-height:1.6}.workshop-day h2{font-size:32px;letter-spacing:-.045em;margin-bottom:18px}.workshop-day p{font-size:14px;line-height:1.7;max-width:360px}.workshop-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.workshop-platforms span{font-size:10px;border:1px solid #16334430;border-radius:30px;padding:7px 11px;line-height:1.5}
.project-practice{padding-top:70px;padding-bottom:70px;max-width:900px;text-align:center}.project-practice h2{font-size:38px}.project-practice p{font-size:17px;line-height:1.7;margin:25px auto;max-width:580px}.project-contact{padding-top:40px;padding-bottom:55px;border-top:1px solid var(--line)}.project-contact>a{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-contact h2{font-size:clamp(45px,7vw,100px)}.project-contact .arrow{width:clamp(40px,6vw,90px);height:clamp(40px,6vw,90px);stroke-width:1}
@media(min-width:1600px){.water-hero h1{max-width:1100px}.service-opening{min-height:760px}.service-opening .service-art{max-height:680px}.studio-panel .service-art{max-height:520px}}
@media(max-width:1100px){.header nav{gap:30px}.product{min-height:530px;padding:24px}.chale-art,.prism-art{height:200px}.product h3{font-size:35px}.work-showcase{grid-template-columns:1.15fr 1fr;min-height:420px}.work-collage{min-height:400px}.work-title{padding:40px 28px}.service-studio{gap:5%;grid-template-columns:1fr 1.15fr}.studio-panel{min-height:445px}.studio-panel-bottom{padding:10px 24px 24px}.studio-panel ul{font-size:12px}.studio-menu button{font-size:30px}.culture-card{padding:24px;min-height:370px}.culture-card h3{font-size:38px}.about{gap:10%}.about-copy p{font-size:18px}.capability-section{gap:7%}.service-opening{min-height:560px}.service-opening .service-art{min-height:340px}.service-heading .back-link{margin-bottom:30px}}
@media(max-width:800px){.water-hero{min-height:620px}.water-hero h1{font-size:17vw;top:21svh}.service-studio{grid-template-columns:1fr;gap:26px}.studio-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.studio-menu button{font-size:24px;padding:20px 0}.studio-menu button:nth-child(2){border-top:1px solid #b4cbcb30}.studio-menu button .arrow{width:17px}.studio-panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.studio-panel .service-art{max-height:340px}.studio-panel-bottom{padding:24px;display:block}.studio-panel ul{font-size:13px}.studio-panel .circle-link{margin-top:24px}.culture-cards{gap:12px}.culture-card{padding:20px;min-height:350px}.culture-card h3{font-size:30px}.culture-card>span{font-size:10px}.culture-art{height:190px}.editorial-lines{gap:8px}.editorial-lines i{width:15px}.editorial-quotes{font-size:260px}.about{gap:10%}.service-opening{grid-template-columns:1fr 1fr;min-height:500px;gap:0;padding-block:25px 40px}.service-heading h1{font-size:48px}.service-heading p{font-size:14px}.service-opening .service-art{width:120%;min-height:300px}.capability-section{grid-template-columns:1fr;gap:40px}.capability-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.capability-intro .text-link{margin-top:0}.project-heading{gap:6%}.project-story{gap:7%}.workshop-day{padding:25px}.workshop-day h2{font-size:27px}}
@media(max-width:640px){
 :root{--gutter:24px}.header{height:90px}.brand img{width:82px}.header nav{gap:20px;font-size:11px}.header nav a{gap:8px}.header nav a[href$="#about"],.header nav a[href$="#our-world"]{display:none}.header .arrow{width:16px;height:16px}
 .water-hero{height:100svh;min-height:650px;max-height:960px}.water-hero h1{font-size:22vw;top:21svh;letter-spacing:-.075em}.hero-bottom{bottom:30px}.light-link{font-size:12px;gap:25px}.motion-toggle{width:36px;height:36px}
 .section-top{margin-bottom:30px}.section-top h2{font-size:38px}.portfolio{padding-top:56px;padding-bottom:20px}.products{grid-template-columns:1fr;gap:18px}.product{min-height:530px;padding:24px}.product h3{font-size:38px}.chale-art,.prism-art{height:200px}.product-info p{font-size:12px}
 .selected-work{padding-top:56px;padding-bottom:60px}.work-showcase{display:flex;flex-direction:column}.work-collage{min-height:275px;width:100%;order:2}.work-title{padding:30px;order:1}.work-title h3{font-size:51px}.work-title p{font-size:13px;max-width:220px;margin-block:18px}.work-title .text-link{font-size:12px}.sheet-back{top:8%;left:4%;width:85%;transform:rotate(-10deg)}.sheet-front{top:28%;left:8%;width:86%;transform:rotate(6deg)}
 .services-explorer{padding-block:52px 60px}.services-explorer .section-top{margin-bottom:26px}.studio-menu{gap:0 20px}.studio-menu button{font-size:20px;line-height:1.15;gap:6px;padding:20px 0}.studio-menu .arrow{display:none}.studio-menu button[aria-selected="true"]{border-bottom-color:#e7d4aa}.studio-panel{display:block}.studio-panel .service-art{max-height:315px}.studio-panel-bottom{padding:0 25px 25px;display:flex;gap:15px}.studio-panel ul{font-size:11px;line-height:1.9}.studio-panel .circle-link{margin:0;width:44px;height:44px}
 .culture{padding-block:60px 25px}.culture-cards{grid-template-columns:1fr;gap:16px}.culture-card{min-height:255px;padding:26px}.culture-card h3{font-size:40px;max-width:50%}.culture-card>span{font-size:11px}.culture-art{position:absolute;right:18px;top:6px;width:45%;height:205px;margin:0;z-index:-1}.editorial-lines{transform:rotate(-24deg) translate(25px,18px)}.editorial-lines i{width:18px}.editorial-quotes{font-size:270px;transform:translate(8px,10px)}.editorial-pages i{top:30px;width:90px;height:130px;left:calc(50% - 45px)}
 .about{grid-template-columns:1fr;gap:40px;padding-block:65px}.about-name{font-size:25vw;line-height:.88}.about-copy h2{font-size:24px;margin-bottom:18px}.about-copy p{font-size:17px;max-width:340px}.about-copy .text-link{margin-top:20px}
 .contact{padding-top:37px;padding-bottom:36px}.contact h2{font-size:15vw}.contact>a>.arrow{width:12vw;height:12vw}.contact-bottom{margin-top:30px;font-size:11px}.footer{display:block;font-size:9px;padding-top:23px;padding-bottom:22px}.footer nav{margin-top:14px;gap:20px;flex-wrap:wrap}
 .service-opening{grid-template-columns:1fr;padding-block:20px 0;gap:0;min-height:0}.service-heading .back-link{margin-bottom:28px}.service-heading h1{font-size:clamp(39px,11.5vw,68px);margin-bottom:23px}.service-heading p{font-size:14px;max-width:310px}.service-heading .text-link{margin-top:18px;font-size:12px}.service-opening .service-art{width:100%;margin:0;min-height:0;max-height:340px;aspect-ratio:520/420}.service-opening .service-art>svg{height:100%;width:100%}
 .capability-section{padding-block:55px 60px;gap:30px}.capability-intro{display:block}.capability-intro h2{font-size:36px}.capability-intro .text-link{margin-top:10px;font-size:12px}.capability summary{font-size:23px;padding:23px 0;gap:18px}.capability p{font-size:13px;padding-right:20px}.service-nav{display:grid;gap:0;padding-block:20px;font-size:11px}.related-project{padding:24px;gap:20px;margin-bottom:40px;flex-wrap:wrap}.related-project>img{width:100%;max-width:100%;rotate:0deg}.related-project strong{font-size:27px}.related-project span span{font-size:11px}
 .project-opening{padding-top:20px;padding-bottom:32px}.project-heading{grid-template-columns:1fr;gap:28px;margin-top:24px}.project-heading h1{font-size:clamp(63px,19vw,104px)}.project-heading p{font-size:23px;margin-bottom:17px}.project-heading span{font-size:11px}.project-gallery{padding:30px 16px 22px}.slide-stage figcaption{font-size:11px;margin-top:18px}.gallery-controls{margin-top:12px}.project-story{grid-template-columns:1fr;gap:24px;padding-block:50px 40px}.project-story h2{font-size:38px}.project-story p{font-size:16px}.workshop-days{grid-template-columns:1fr;gap:16px}.workshop-day{padding:28px;gap:35px}.workshop-day time strong{font-size:82px}.workshop-day h2{font-size:29px}.project-practice{text-align:left;padding-block:45px}.project-practice h2{font-size:30px}.project-practice p{font-size:15px;margin:22px 0}.project-contact{padding-block:30px 40px}.project-contact h2{font-size:10vw}.project-contact .arrow{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.water-hero h1{transform:none!important}.service-art>svg,.service-art:hover .art-core,.service-art:hover .art-orbits{transform:none!important}.service-art:hover .art-layer,.service-art:hover .art-leaf,.service-art:hover .art-satellite{translate:none!important}.product:hover,.product:hover .prism-art img,.culture-card:hover,.contact>a:hover>.arrow,.circle-link:hover{transform:none}.work-showcase:hover .sheet-front{transform:rotate(6deg)}.work-showcase:hover .sheet-back{transform:rotate(-12deg) translate(-7%,-2%)} }