/* Homepage art direction — layered digital atelier. */
.homepage{--atelier-ink:#252624;--atelier-faint:#736e66;background:#eee8df}.homepage .header{position:absolute;inset:0 0 auto;z-index:10;padding:clamp(25px,3vw,52px) 3.5%;color:var(--atelier-ink);background:transparent}.homepage .header .brand{font-size:clamp(18px,1.35vw,23px);font-weight:400;letter-spacing:-.06em}.homepage .header .brand i{color:inherit}.homepage .header .nav{gap:40px;font-size:clamp(16px,1.2vw,21px);font-weight:400;letter-spacing:-.035em}.homepage .header .contact-link{border:0;margin:0;padding:0}.atelier-hero{height:max(760px,100svh);max-height:1200px;position:relative;overflow:hidden;isolation:isolate;color:var(--atelier-ink);background:#e9e3da}.light-field{position:absolute;inset:-12%;z-index:-2;background:radial-gradient(ellipse at 49% 92%,#c2beb6 0,transparent 29%),radial-gradient(ellipse at 82% 20%,#fff7eb 0,transparent 42%),radial-gradient(ellipse at 20% 85%,#fff9ef 0,transparent 38%),linear-gradient(122deg,#c9c5bc 0%,#eee6dc 30%,#cbc8c0 53%,#eee6dc 79%);filter:blur(13px)}.light-field:before,.light-field:after{content:'';position:absolute;inset:-10%;pointer-events:none}.light-field:before{background:repeating-linear-gradient(126deg,transparent 0 13%,#fffaf0b3 17%,#fffaf055 21%,transparent 26% 39%);filter:blur(24px);transform:rotate(-4deg)}.light-field:after{background:radial-gradient(ellipse at 45% 96%,#fffffaad 0,transparent 27%),linear-gradient(0deg,#eee7dd99,transparent 25%);filter:blur(25px)}.atelier-label{position:absolute;left:4.8%;top:24%;font-size:12px;line-height:2;letter-spacing:.2em;text-transform:uppercase;color:#6b655c}.atelier-label>span{display:block;width:45px;height:1px;background:#9e968b;margin-bottom:19px}.bordeaux-pill{position:absolute;left:0;top:43%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:0 60px 60px 0;padding:10px 14px 10px 3.2%;width:16.4%;max-width:290px;min-width:210px;background:linear-gradient(115deg,#32322f,#1e1e1c);color:#f0eee7;box-shadow:0 14px 34px #3a362b13;font-size:20px;line-height:1.24;letter-spacing:-.045em}.globe{width:68px;height:68px;flex-shrink:0;background:linear-gradient(135deg,#bcb7ae,#8d8880);border:1px solid #f8f4ea40;border-radius:50%;display:grid;place-items:center;transition:background .3s}.globe svg{width:46px;height:46px}.bordeaux-pill:hover .globe{background:#938c80}.atelier-scene{position:absolute;left:15.5%;top:5%;width:64%;height:89%;container-type:size;perspective:1600px;animation:atelier-entry 1.15s cubic-bezier(.2,.7,.25,1) both}.scene-depth{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-18deg) rotateZ(9deg)}.glass-sheet,.browser-sheet,.code-sheet,.mood-sheet{position:absolute;border-radius:10px;transform-style:preserve-3d}.glass-sheet{border:1px solid #fffaf3c7;border-left:3px solid #fffaf3ce;background:linear-gradient(118deg,#fffaf240,#f9f6ef48 38%,#e8e3db40);box-shadow:1px 1px 1px #fffdf591,inset -1px -1px 1px #c9c4b630;backdrop-filter:blur(8px)}.back-sheet{left:14%;top:23%;width:56%;height:59%;background:linear-gradient(130deg,#cfcac180,#8a888260);border-color:#fcf8efaa;border-bottom-color:#94908744;transform:translateZ(-65px)}.code-sheet{left:6%;top:31%;width:39%;height:31%;background:linear-gradient(135deg,#2b2b27,#181a17);color:#d3d0c7;border:1px solid #858179;border-left:3px solid #716e65;box-shadow:4px 15px 28px #29292116;padding:18px 20px;transform:translateZ(-10px)}.code-sheet>p{font-size:12px;margin:0 0 15px}.code-lines{display:grid;grid-template-columns:16px 1fr;gap:4px 10px;font-size:12px;line-height:1.5}.code-lines>span{color:#979389}.code-lines code{font:inherit;font-family:monospace;white-space:pre;color:#a9c1c7}.code-lines code:nth-of-type(n+5){color:#d4b0a5}.type-sheet{left:61%;top:9%;width:31%;height:25%;display:flex;justify-content:space-between;align-items:center;padding:24px;z-index:4;transform:translateZ(65px);font-size:14px;line-height:1.5}.type-small{color:#8b857c;font-size:12px}.type-light{color:#8d887e}.type-sheet b{font-weight:600}.big-aa{font-family:Georgia,serif;font-size:7cqw;letter-spacing:-.05em;line-height:1}.grid-sheet{left:70%;top:56%;width:29%;height:29%;z-index:1;background-image:linear-gradient(#fcf8ed80 1px,transparent 1px),linear-gradient(90deg,#fcf8ed80 1px,transparent 1px);background-size:42px 42px;transform:translateZ(-22px)}.grid-sheet svg{position:absolute;inset:4% 10%;width:80%;height:70%;opacity:.65}.grid-sheet p{position:absolute;right:14px;bottom:13px;font-size:11px;line-height:1.4;margin:0}.browser-sheet{left:31%;top:22%;width:52%;height:51%;z-index:3;overflow:hidden;background:linear-gradient(120deg,#f7f4ee,#e7e4dc);border:1px solid #faf8f3;border-left:3px solid #fdfaf4;box-shadow:5px 28px 36px #37372c24,inset -2px -1px 2px #92908244;transform:translateZ(85px)}.browser-bar{height:30px;background:linear-gradient(100deg,#333530,#242622);display:flex;align-items:center;gap:7px;padding:0 17px}.browser-bar i{width:9px;height:9px;background:#e78b67;border-radius:50%;box-shadow:0 0 1px #fff7}.browser-bar i:nth-child(2){background:#e8c46f}.browser-bar i:nth-child(3){background:#9dbf7b}.window-top{display:flex;justify-content:space-between;align-items:center;padding:21px 26px 15px;font-size:12px;letter-spacing:-.035em}.window-top>span:last-child{font-size:8px;letter-spacing:0}.window-body{display:grid;grid-template-columns:55% 45%;height:calc(100% - 89px);padding-left:26px}.window-copy{padding:8px 12px 24px 0;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}.window-copy h1{font-family:Georgia,serif;font-weight:400;font-size:3.45cqw;line-height:.98;letter-spacing:-.065em;margin:0 0 18px}.window-copy>p{font-size:1.02cqw;line-height:1.45;max-width:205px;letter-spacing:-.025em;margin:0}.window-cta{display:flex;gap:24px;align-items:center;font-size:1.1cqw;white-space:nowrap;margin-top:auto;padding-top:19px;padding-bottom:7px;border-bottom:1px solid #b2ada260}.window-cta span{font-size:23px;line-height:.7;transition:transform .3s}.window-cta:hover span{transform:translateX(7px)}.window-photo{position:relative;margin:0;overflow:hidden;background:#b6b4a9}.window-photo img{width:100%;height:100%;object-fit:cover;object-position:44% 50%;filter:saturate(.6)}.window-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#10181766)}.window-photo figcaption{position:absolute;bottom:18px;right:12px;color:#f8f4e9;font-size:9px;z-index:1}.palette-sheet{left:13%;top:66%;width:18%;height:15%;padding:17px;z-index:4;transform:translateZ(95px)}.palette-sheet>span{font-size:12px}.palette-sheet>div{display:flex;justify-content:space-between;margin-top:16px;gap:8px}.palette-sheet i{width:3.3cqw;height:3.3cqw;max-width:40px;max-height:40px;border-radius:50%;border:1px solid #9d968b;background:#232521;box-shadow:inset 0 2px 4px #0001}.palette-sheet i:nth-child(2){background:#a29e95}.palette-sheet i:nth-child(3){background:#ece7dc}.mood-sheet{left:38%;top:77%;width:30%;height:18%;display:flex;overflow:hidden;background:linear-gradient(110deg,#4b4c46,#79776e);color:#f5efe2;border:1px solid #efebe644;z-index:5;transform:translateZ(35px)}.mood-sheet img{width:45%;height:100%;object-fit:cover;object-position:36%;filter:saturate(.35) brightness(.7)}.mood-sheet p{font:400 2cqw/1 Georgia,serif;letter-spacing:-.04em;margin:0;padding:20px 14px;align-self:center}.mood-sheet p>span{display:block;height:1px;width:24px;background:#c2bbab;margin-top:14px}.orbit{position:absolute;border:1px solid #857f726e;border-radius:50%;pointer-events:none}.orbit-main{width:81%;height:96%;top:0;left:13%;transform:rotate(-20deg)}.orbit i{position:absolute;height:9px;width:9px;border-radius:50%;background:#827d72;right:2%;top:32%}.orbit i:nth-child(2){top:-4px;left:50%;right:auto}.orbit-dashed{width:61%;height:72%;top:21%;left:0;border-style:dashed;border-color:#9790839c;border-width:1px;transform:rotate(-26deg)}.orbit-dashed i{left:9%;top:82%;height:8px;width:8px}.ground-shadow{position:absolute;width:72%;height:6%;bottom:-1%;left:21%;border-radius:50%;background:#514c3652;filter:blur(13px);transform:rotate(-4deg)}.atelier-position{position:absolute;right:3.8%;width:17%;top:32%;}.position-line{display:block;width:1px;height:40px;background:#948d80;margin-bottom:52px}.atelier-position h2{font:400 clamp(26px,2.45vw,44px)/1.07 Georgia,serif;letter-spacing:-.055em;margin:0}.position-rule{display:block;width:45px;height:1px;background:#9b9386;margin:38px 0 23px}.atelier-position p{font-size:11px;text-transform:uppercase;line-height:2.2;letter-spacing:.2em;color:#71695d;margin:0}.atelier-location{position:absolute;bottom:7%;left:3.5%;display:flex;align-items:center;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#716b60}.atelier-location i{width:150px;height:1px;background:#9e9687}.atelier-scroll{position:absolute;right:3.6%;bottom:5.5%;font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:#70695d;display:flex;align-items:center;flex-direction:column;gap:6px;z-index:5}.atelier-scroll>span{font-size:32px;font-family:Arial,sans-serif;font-weight:200;line-height:1.1}.homepage .works{position:relative}.homepage .atelier-hero:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#e9e3da);pointer-events:none}@keyframes atelier-entry{from{opacity:.5;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}
@media(min-width:1800px){.atelier-scene{left:20%;width:58%}.atelier-position{right:3%}.code-lines{font-size:14px}.window-copy>p{font-size:14px;max-width:260px}.window-cta{font-size:14px}.window-top{font-size:16px}.type-sheet{font-size:18px}}
@media(max-width:1150px) and (min-width:701px){.atelier-scene{left:11%;width:73%;top:15%;height:74%}.atelier-label{top:18%;font-size:10px}.bordeaux-pill{top:47%;min-width:168px;width:17%;font-size:16px;padding-left:3%}.globe{width:51px;height:51px}.globe svg{width:37px}.atelier-position{right:2.5%;width:18%;top:36%}.atelier-position h2{font-size:27px}.atelier-position p{font-size:9px}.position-line{margin-bottom:34px}.position-rule{margin-top:26px}.code-lines{font-size:10px;gap:3px 6px}.code-sheet{padding:13px}.type-sheet{padding:16px;font-size:11px}.palette-sheet{padding:12px}.palette-sheet>div{margin-top:12px}.window-top{padding:15px 18px 12px;font-size:11px}.window-body{padding-left:18px;height:calc(100% - 78px)}.window-top>span:last-child{font-size:7px}.window-copy>p{font-size:11px}.window-cta{font-size:11px;gap:12px}.window-copy h1{font-size:3.7cqw}.mood-sheet p{font-size:2.15cqw;padding:12px}.atelier-location i{width:85px}}
@media(max-width:700px){.homepage .header{padding:25px 24px;align-items:flex-start}.homepage .header .brand{font-size:19px}.homepage .header .nav{padding:25px 20px;background:#f6f2e9f5;border:1px solid #fff8;box-shadow:0 15px 30px #332e2115;border-radius:3px;font-size:18px;gap:24px}.homepage .header .menu-toggle{display:block}.homepage .header .nav{display:none}.homepage .header .nav.is-open{display:flex}.atelier-hero{min-height:900px;height:auto;max-height:none;padding-bottom:40px}.atelier-label{top:115px;left:25px;font-size:10px;line-height:1.8;letter-spacing:.17em}.atelier-label>span{width:30px;margin-bottom:12px}.atelier-position{top:119px;left:48%;right:24px;width:auto}.position-line,.position-rule{display:none}.atelier-position h2{font-size:28px;letter-spacing:-.05em}.atelier-position p{font-size:8px;line-height:1.8;letter-spacing:.12em;margin-top:14px}.atelier-scene{left:0;top:263px;width:100%;height:485px;perspective:1200px;animation-duration:.8s}.scene-depth{transform:rotateX(3deg) rotateY(-9deg) rotateZ(5deg)}.browser-sheet{left:8%;top:17%;width:82%;height:66%;transform:translateZ(20px);border-radius:7px;box-shadow:0 20px 35px #37372c2b}.browser-bar{height:23px;padding-left:13px;gap:5px}.browser-bar i{width:7px;height:7px}.window-top{font-size:11px;padding:16px 17px 13px}.window-top>span:last-child{font-size:6px}.window-body{grid-template-columns:65% 35%;padding-left:17px;height:calc(100% - 69px)}.window-copy{padding:7px 7px 18px 0}.window-copy h1{font-size:clamp(25px,7.6vw,36px);line-height:1.04;margin-bottom:17px;letter-spacing:-.06em}.window-copy>p{font-size:11px;max-width:185px;line-height:1.45}.window-cta{font-size:12px;gap:13px;padding-top:15px}.window-cta>span{font-size:22px}.window-photo figcaption{display:none}.back-sheet{left:3%;top:10%;width:82%;height:77%;transform:translateZ(-30px)}.code-sheet{left:0;top:12%;width:40%;height:30%;padding:10px}.code-sheet>p{font-size:9px}.code-lines{font-size:7px;grid-template-columns:7px 1fr;gap:2px 4px}.type-sheet{left:61%;top:0;width:31%;height:18%;padding:10px;transform:translateZ(30px);font-size:8px;border-radius:5px}.type-small{font-size:8px}.big-aa{font-size:38px}.palette-sheet{left:2%;top:76%;width:28%;height:17%;padding:12px;transform:translateZ(40px);border-radius:6px}.palette-sheet>span{font-size:10px}.palette-sheet>div{margin-top:12px}.palette-sheet i{width:22px;height:22px}.mood-sheet{left:38%;top:85%;width:43%;height:16%;transform:translateZ(20px);border-radius:6px}.mood-sheet p{font-size:16px;padding:11px 8px}.mood-sheet p>span{margin-top:9px;width:18px}.grid-sheet{left:70%;top:68%;height:29%;width:28%;border-radius:5px;background-size:20px 20px}.grid-sheet p{font-size:7px;right:8px;bottom:8px}.orbit-main{width:92%;height:105%;left:4%;top:-3%}.orbit-dashed{left:-14%;width:90%;height:89%}.ground-shadow{bottom:-8%;left:13%;width:79%}.bordeaux-pill{top:220px;font-size:13px;padding:7px 8px 7px 24px;width:154px;min-width:0;gap:22px}.globe{width:35px;height:35px}.globe svg{width:27px;height:27px}.atelier-location{bottom:35px;left:24px;font-size:9px;gap:13px;letter-spacing:.14em}.atelier-location i{width:36px}.atelier-scroll{bottom:26px;right:24px;font-size:8px;letter-spacing:.11em;gap:9px}.atelier-scroll>span{font-size:28px}.light-field{filter:blur(9px)}.homepage .works{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.atelier-scene{animation:none!important}.window-cta span{transition:none}}
/* Fine materials and lighter editorial typography. */
.homepage{font-family:'Helvetica Neue',Arial,sans-serif}.homepage .header .nav,.homepage .header .brand{font-weight:300}.window-copy h1,.atelier-position h2,.big-aa,.mood-sheet p{font-family:Baskerville,'Times New Roman',serif;font-weight:400}.window-copy h1{font-size:3.75cqw;line-height:.94}.atelier-position{width:18%;right:2.8%}.atelier-position h2{font-size:2.4vw}.type-sheet{transform:translateZ(140px);top:8%;height:25%}.light-field:before{background:repeating-linear-gradient(126deg,transparent 0 12%,#fffaf0d9 16%,#fffaf066 21%,transparent 26% 38%);filter:blur(19px)}
@media(max-width:1150px) and (min-width:701px){.atelier-position h2{font-size:26px}.window-copy h1{font-size:3.9cqw}}
@media(max-width:700px){.window-copy h1{font-size:clamp(25px,7.6vw,36px);line-height:1.03}.atelier-position{top:119px;left:48%;right:24px;width:auto}.atelier-position h2{font-size:28px}.type-sheet{transform:translateZ(30px);top:0;height:18%}}