*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}p,h1,h2,h3{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d0771a;outline-offset:4px}section{scroll-margin-top:90px}[hidden]{display:none!important}.ww-ribbon{padding:10px clamp(18px,5vw,75px);display:flex;justify-content:space-between;align-items:center;gap:12px;background:#17231b;color:#f0f4eb;font:700 11px Arial;letter-spacing:1px}.ww-ribbon strong:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#d5f774;margin-right:9px}.ww-ribbon a{text-decoration:underline;text-underline-offset:4px;color:#e5ff86}.demo-wrap{max-width:1390px;margin:auto;padding-inline:clamp(20px,5vw,76px)}.demo-nav{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:25px}.demo-nav-links{display:flex;align-items:center;gap:clamp(15px,2.5vw,38px)}.demo-nav-links a{font-size:13px;font-weight:700}.demo-nav-links a:hover{opacity:.65}.demo-hamburger{display:none;border:1px solid currentColor;background:transparent;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;font-size:23px}.eyebrow{font:800 11px Arial;letter-spacing:2px;text-transform:uppercase}.section-title{font-size:clamp(46px,7vw,95px);line-height:.96;letter-spacing:-.065em}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.footnote{font-size:12px;opacity:.75;line-height:1.6}.site-footer{padding:65px 0 30px}.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-cols a{display:block;margin:10px 0;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff50;margin-top:50px;padding-top:25px;font-size:11px;opacity:.77}
/* MORGENROT */
.cafe{font-family:Arial,Helvetica,sans-serif;color:#30231a;background:#f8f3e9}.c-logo{font:italic 44px Georgia,serif;letter-spacing:-3px}.c-logo span{color:#bd5a36}.cafe .nav-pill{border:1px solid #49382c;border-radius:99px;padding:11px 17px}.c-hero{display:grid;grid-template-columns:54% 46%;min-height:665px;background:#eee3d4}.c-hero-copy{padding:clamp(40px,6vw,93px) clamp(24px,5vw,76px) 38px;display:flex;flex-direction:column}.c-hero .eyebrow{color:#a75233}.c-hero h1{font:400 clamp(72px,8vw,130px)/.89 Georgia,serif;letter-spacing:-.078em;margin:54px 0 27px}.c-hero h1 em,.c-story h2 em,.c-visit h2 em{color:#bd5e3d}.c-hero-desc{max-width:430px;color:#66554b;line-height:1.7;font-size:18px;margin-bottom:30px}.c-btn{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;width:max-content;padding:16px 23px;border-radius:100px;border:1px solid #bc5f3b;background:#bc5f3b;color:white;font-size:13px;font-weight:700;transition:transform .2s}.c-btn:hover{transform:translateY(-3px)}.c-btn.outline{background:transparent;color:#41291e;border-color:#7f6c60}.c-hero-bottom{display:flex;gap:15px;justify-content:space-between;margin-top:auto;padding-top:32px;font-size:11px;letter-spacing:1.5px}.c-hero-photo{position:relative;min-height:505px;overflow:hidden}.c-hero-photo img{object-position:center}.c-sticker{position:absolute;top:38px;left:-48px;width:112px;height:112px;border-radius:50%;background:#d5c19b;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:bold;transform:rotate(-13deg)}.c-photo-tag{position:absolute;bottom:26px;right:20px;padding:12px 15px;background:#fcf5ed;border-radius:99px;font-size:10px;letter-spacing:1px;font-weight:800}.c-marquee{background:#bc5f3b;color:#f8f1df;white-space:nowrap;overflow:hidden;text-align:center;padding:22px 5px;font-size:13px;font-weight:800;letter-spacing:2px}.c-marquee span{margin:0 27px}.c-story{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(40px,8vw,110px);padding-block:120px}.c-story-visual{height:610px;position:relative}.c-story-visual img{border-radius:180px 180px 8px 8px}.c-story-badge{position:absolute;right:-25px;bottom:25px;background:#ead0ae;padding:26px;border-radius:50%;font:italic 23px Georgia,serif}.c-story h2{font:400 clamp(53px,6vw,87px)/1 Georgia,serif;letter-spacing:-.065em;margin:20px 0 30px}.c-story-copy>p:not(.eyebrow){font-size:17px;color:#66564b;line-height:1.8}.c-quote{border-left:2px solid #be6345;padding-left:22px;margin:30px 0;font:italic 24px/1.5 Georgia,serif}.c-menu{background:#30241f;color:#f9f0e4;padding:120px 0}.c-menu .eyebrow{color:#e0aa83}.c-menu h2{font:400 clamp(61px,7vw,101px)/.98 Georgia,serif;letter-spacing:-.06em;margin:15px 0 22px}.c-menu-lead{max-width:600px;color:#dbcdbf;line-height:1.75}.c-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:42px 0 50px}.c-tabs button{background:transparent;border:1px solid #8b7467;color:#eee3d6;padding:13px 21px;border-radius:99px;font-weight:bold;font-size:13px}.c-tabs button[aria-selected=true]{background:#f5dfbe;color:#30231c;border-color:#f5dfbe}.c-menu-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.c-menu-list{padding:0;margin:0;list-style:none}.c-menu-item{border-top:1px solid #68544b;display:flex;justify-content:space-between;gap:15px;padding:22px 0}.c-menu-item:last-child{border-bottom:1px solid #68544b}.c-menu-item strong{display:block;font:400 27px Georgia,serif;margin-bottom:8px}.c-menu-item small{font-size:13px;color:#c6b4a9}.c-menu-num{font-size:11px;color:#aa998c}.c-menu-art{min-height:465px;position:relative;overflow:hidden}.c-menu-art-tag{position:absolute;bottom:20px;left:20px;background:#f6dfc5;color:#38281f;padding:14px 18px;font-size:12px;font-weight:bold}.c-visit{padding:125px 0}.c-visit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.c-visit h2{font:400 clamp(55px,7vw,95px)/1 Georgia,serif;letter-spacing:-.07em;margin:15px 0 25px}.c-visit p{font-size:16px;line-height:1.75;color:#68554a}.c-book{padding:38px;background:#eee1d1;border:1px solid #dfcebd;border-radius:10px}.c-book h3{font:400 32px Georgia,serif;margin-bottom:10px}.c-book label{display:block;font-size:12px;font-weight:800;margin:19px 0 8px}.c-book select,.c-book input{width:100%;padding:14px;background:#fff9f2;border:1px solid #cbb8a6;border-radius:5px;color:#36271f;min-width:0}.c-book-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.c-book output{display:block;margin-top:20px;padding:17px;background:#fff8ed;border-left:3px solid #bd5e3d;line-height:1.5;font-size:14px}.cafe .site-footer{background:#c05f3b;color:#fff7e8}.cafe .site-footer h2{font:italic 65px/.95 Georgia,serif;letter-spacing:-.07em;margin-bottom:27px}
/* WERKSTATT NORD */
.craft{font-family:Arial,Helvetica,sans-serif;color:#1b251e;background:#f3f1e9}.craft .demo-nav{background:#101d19;color:#f6f6eb}.w-logo{font:900 26px/.82 Arial,sans-serif;letter-spacing:-.06em;display:flex;align-items:center;gap:12px}.w-logo i{display:grid;place-items:center;width:38px;height:38px;background:#efbc57;color:#17261b;font-style:normal;font-size:27px}.craft .demo-nav-links a:last-child{color:#efc160}.w-hero{min-height:720px;position:relative;display:flex;align-items:flex-end;background:#11201a;color:#f8f4ec}.w-hero-bg{position:absolute;inset:0}.w-hero-bg img{filter:brightness(.57) saturate(.64)}.w-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e201bf2 3%,#0e201ba8 55%,#0e201b44)}.w-hero-content{z-index:1;position:relative;width:100%;padding-block:80px 65px}.w-hero .eyebrow,.w-work .eyebrow{color:#f2c363}.w-hero h1{font:900 clamp(72px,11vw,160px)/.87 Arial,sans-serif;letter-spacing:-.09em;margin:29px 0 36px}.w-hero h1 em,.w-footer em{font-style:normal;color:#efbe57}.w-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.w-hero-bottom p{font-size:19px;line-height:1.65;color:#d4ded3;max-width:515px}.w-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #efbf60;background:#efbf60;color:#14251b;padding:17px 23px;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;transition:transform .2s}.w-btn:hover{transform:translateY(-3px)}.w-btn.dark{background:#1a2a20;color:#f1f1e6;border-color:#1a2a20}.w-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#edbd5d;color:#15241a}.w-strip div{padding:28px;border-right:1px solid #bb9445;font-size:14px;font-weight:900}.w-strip span{margin-right:20px;color:#88672b}.w-intro{padding:130px 0}.w-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.w-intro h2{font:900 clamp(61px,7vw,108px)/.93 Arial,sans-serif;letter-spacing:-.09em;margin:23px 0}.w-intro h2 em{font-style:normal;color:#9a7944}.w-intro .copy{font-size:21px;line-height:1.8;color:#526154;padding-top:26px}.w-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.w-section-top h2{font:900 clamp(55px,7vw,100px)/.96 Arial,sans-serif;letter-spacing:-.085em;margin:18px 0}.w-services{background:#e8e8dc;padding:110px 0 130px}.w-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.w-service-card{background:#f9f8f0;padding:35px 30px;min-height:306px;display:flex;flex-direction:column;justify-content:space-between}.w-service-card .symbol{font-size:57px;color:#b99b59;font-weight:900}.w-service-card h3{font-size:29px;letter-spacing:-.055em;line-height:1.1;margin-bottom:12px}.w-service-card p{font-size:14px;color:#60715e;line-height:1.6}.w-work{padding:120px 0;background:#18281e;color:#f9f6e9}.w-work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.w-work-grid figure{position:relative;margin:0;height:490px;overflow:hidden}.w-work-grid img{transition:transform .6s}.w-work-grid figure:hover img{transform:scale(1.04)}.w-work figcaption{position:absolute;bottom:0;left:0;right:0;padding:80px 23px 25px;background:linear-gradient(transparent,#11231beb);font-size:12px;font-weight:900}.w-config{padding:130px 0}.w-config-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,110px)}.w-config h2{font:900 clamp(61px,7vw,100px)/.93 Arial,sans-serif;letter-spacing:-.09em;margin:20px 0}.w-config h2 em{font-style:normal;color:#9b7b42}.w-config-copy{font-size:17px;line-height:1.75;color:#576855}.w-field{margin-top:26px}.w-field>label,.w-field>legend{display:block;margin-bottom:11px;font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.w-field select{width:100%;padding:15px;border:1px solid #abb9a8;background:white}.w-swatches{display:flex;flex-wrap:wrap;gap:9px}.w-swatch{display:flex;align-items:center;gap:10px;border:1px solid #b5c1b4;padding:10px 13px;background:white;font-size:13px;font-weight:800}.w-swatch i{width:21px;height:21px;background:var(--swatch)}.w-swatch[aria-pressed=true]{outline:2px solid #1f3124;outline-offset:2px}.w-range{display:flex;align-items:center;gap:15px}.w-range input{width:100%;accent-color:#435f40}.w-range output{min-width:65px;font-weight:900;text-align:right}.w-copy-status{min-height:24px;color:#345d35;font-size:13px}.w-preview{min-height:495px;padding:27px;background:linear-gradient(#dcdcd2 58%,#c0c0b5 58%);display:flex;flex-direction:column;justify-content:space-between;position:relative}.w-preview-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:900}.w-object{--wood:#ab784c;position:relative;margin:auto;transform:perspective(650px) rotateY(-15deg);filter:drop-shadow(24px 35px 13px #0004)}.w-object .top,.w-object .left,.w-object .right{background:var(--wood)}.w-object[data-shape=table]{width:70%;height:170px}.w-object[data-shape=table] .top{position:absolute;left:0;right:0;top:15%;height:33px;transform:skewX(-17deg);box-shadow:inset 0 -9px #0002}.w-object[data-shape=table] .left,.w-object[data-shape=table] .right{position:absolute;top:35%;height:112px;width:17px;box-shadow:inset 8px 0 #0002}.w-object[data-shape=table] .left{left:6%}.w-object[data-shape=table] .right{right:13%}.w-object[data-shape=shelf]{width:62%;height:250px;border:16px solid var(--wood)}.w-object[data-shape=shelf] .top{position:absolute;left:0;right:0;top:32%;height:15px;box-shadow:0 84px 0 var(--wood)}.w-object[data-shape=shelf] .left,.w-object[data-shape=shelf] .right{display:none}.w-object[data-shape=cabinet]{width:63%;height:215px;border:13px solid #0002;background:var(--wood)}.w-object[data-shape=cabinet] .top{position:absolute;left:50%;height:100%;width:2px;background:#0005}.w-object[data-shape=cabinet] .left,.w-object[data-shape=cabinet] .right{position:absolute;top:45%;width:4px;height:18px;background:#30291b}.w-object[data-shape=cabinet] .left{left:42%}.w-object[data-shape=cabinet] .right{right:42%}.w-preview-bottom{background:#fffaf0;padding:18px;font-size:13px;line-height:1.6}.w-faq{padding:105px 0;background:#e1e2d7}.w-faq details{border-bottom:1px solid #aab4a7;padding:22px 0}.w-faq summary{cursor:pointer;font-size:20px;font-weight:800}.w-faq details p{max-width:650px;color:#5d695c;line-height:1.7;margin:15px 0}.w-footer{background:#14241b;color:#ecf3e7}.w-footer h2{font:900 clamp(62px,9vw,135px)/.94 Arial,sans-serif;letter-spacing:-.075em}
/* ATELIER FERN */
.atelier{font-family:Arial,Helvetica,sans-serif;background:#f8f1ed;color:#2b1e24}.atelier .demo-nav{border-bottom:1px solid #d6c8c3}.atelier .demo-nav-links a{font-weight:500}.a-logo{font:italic 36px Georgia,serif;letter-spacing:-2px}.a-logo em{color:#ac5f6b}.a-hd{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding-top:100px}.a-hd h1{font:400 clamp(90px,10.5vw,165px)/.84 Georgia,serif;letter-spacing:-.09em;margin:30px 0 42px}.a-hd h1 em,.a-intro h2 em,.a-works h2 em,.a-process h2 em{color:#aa5b67}.a-hd-right{padding-bottom:50px}.a-hd-right p{max-width:350px;line-height:1.75;color:#6e5762;font-size:18px}.a-textlink{display:inline-flex;gap:35px;align-items:center;padding:9px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:800}.a-stage{height:650px;position:relative;overflow:hidden;background:#bebbb3}.a-stage img{filter:brightness(.9) saturate(.65)}.a-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#211c207a)}.a-stage-info{position:absolute;z-index:1;bottom:40px;left:clamp(22px,5vw,75px);right:clamp(22px,5vw,75px);color:white;display:flex;justify-content:space-between;align-items:end;gap:20px}.a-stage-info strong{font:400 clamp(38px,5vw,69px)/1 Georgia,serif;letter-spacing:-.05em}.a-stage-info span{font-size:11px;letter-spacing:1.5px}.a-marquee{background:#ac5a67;color:#fff3ee;padding:19px;text-align:center;font-size:12px;letter-spacing:2px;font-weight:900;white-space:nowrap;overflow:hidden}.a-marquee span{margin:0 25px}.a-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:140px}.a-intro h2{font:400 clamp(58px,7vw,101px)/1 Georgia,serif;letter-spacing:-.075em;margin:25px 0}.a-intro p{font:400 25px/1.65 Georgia,serif}.a-intro p.caption{font:14px/1.75 Arial;color:#7d6670;margin:20px 0}.a-works{background:#ebe0dc;padding:110px 0 135px}.a-works h2{font:400 clamp(65px,7.5vw,112px)/.99 Georgia,serif;letter-spacing:-.08em;margin:18px 0 25px}.a-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #cdb8b2;border-bottom:1px solid #cdb8b2;margin:45px 0 35px}.a-filters,.a-layouts{display:flex;flex-wrap:wrap;gap:8px}.a-controls button{border:1px solid transparent;background:transparent;padding:10px 16px;font-size:13px;font-weight:800}.a-controls button[aria-pressed=true]{background:#2f2029;color:white;border-radius:99px}.a-controls button:hover{border-color:#b8999d;border-radius:99px}.a-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,43px)}.a-gallery[data-layout=editorial] .a-card:nth-child(3n+1){grid-column:1/-1}.a-gallery[data-layout=editorial] .a-card:nth-child(3n+1) .a-card-img{height:550px}.a-gallery[data-layout=grid] .a-card-img{height:350px}.a-card-btn{border:0;padding:0;background:none;text-align:left;width:100%;display:block;color:#2c2128}.a-card-img{position:relative;height:385px;overflow:hidden;background:#c1adac}.a-card-img img{filter:saturate(.8);transition:transform .6s}.a-card-btn:hover img{transform:scale(1.04)}.a-card-img:after{content:'';position:absolute;bottom:20px;right:20px;background:#fff7ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23282024' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/24px no-repeat;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .2s}.a-card-btn:hover .a-card-img:after{transform:rotate(45deg)}.a-card-meta{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-top:20px}.a-card-meta h3{font:400 clamp(29px,3vw,45px)/1.1 Georgia,serif;letter-spacing:-.05em;margin-bottom:5px}.a-card-meta small,.a-card-meta>span{font-size:12px;color:#7a656b}.a-notice{font-size:12px;color:#735d64;line-height:1.8;margin:35px 0}.a-process{padding:130px 0}.a-process h2{font:400 clamp(58px,7vw,98px)/1 Georgia,serif;letter-spacing:-.08em;margin:20px 0 50px}.a-process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.a-process-list article{border-top:1px solid #cdb8b6;padding-top:20px}.a-process-list b{color:#a75d67;font-size:11px}.a-process-list h3{font:400 32px Georgia,serif;margin:39px 0 15px}.a-process-list p{color:#6d5b64;font-size:14px;line-height:1.75}.a-contact{padding:120px 0;background:#33222c;color:#f8eae7}.a-contact h2{font:400 clamp(80px,10vw,145px)/.9 Georgia,serif;letter-spacing:-.08em;margin:25px 0 38px}.a-contact h2 em{color:#eda9b6}.a-contact p{font-size:17px;color:#d8bfc9;line-height:1.7;max-width:520px}.atelier .site-footer{background:#261b22;color:#f5e8e5}.a-dialog{width:900px;max-width:calc(100% - 26px);max-height:88dvh;border:0;background:#fff9f2;color:#2a2028;padding:0;overflow:auto;box-shadow:0 35px 90px #0008}.a-dialog::backdrop{background:#140e12bb;backdrop-filter:blur(5px)}.a-dialog img{height:min(45vh,435px)}.a-dialog-close{position:sticky;top:17px;float:right;z-index:2;margin:17px 17px -60px 0;width:46px;height:46px;border:0;border-radius:50%;background:#fff3e9;font-size:28px}.a-dialog-copy{padding:32px 42px 43px}.a-dialog-copy h2{font:400 clamp(44px,6vw,77px)/1 Georgia,serif;letter-spacing:-.07em;margin:15px 0 27px}.a-dialog-copy p{color:#6c5b64;font-size:16px;line-height:1.8}.a-dialog-footer{font-size:11px;border-top:1px solid #e0cbc5;padding-top:20px;color:#806b70}
@media(max-width:960px){.c-hero h1{font-size:clamp(66px,8vw,88px)}.c-story{gap:40px}.c-story-visual{height:500px}.w-hero h1{font-size:clamp(68px,10vw,110px)}.w-intro-grid{gap:45px}.a-hd h1{font-size:clamp(76px,10.7vw,127px)}}
@media(max-width:760px){.demo-hamburger{display:flex;margin-left:auto}.demo-nav{position:relative}.demo-nav-links{display:none;position:absolute;z-index:9;top:100%;left:0;right:0;background:inherit;color:inherit;flex-direction:column;align-items:stretch;padding:14px 20px;gap:0;box-shadow:0 12px 18px #0002}.demo-nav-links.open{display:flex}.demo-nav-links a{display:block;padding:14px 6px}.c-hero{grid-template-columns:1fr}.c-hero-copy{min-height:530px}.c-hero h1{margin:34px 0 25px;font-size:clamp(67px,12vw,103px)}.c-hero-photo{height:430px;min-height:0}.c-sticker{top:-47px;left:auto;right:25px}.c-story,.c-menu-layout,.c-visit-grid,.w-intro-grid,.w-config-grid,.a-intro{grid-template-columns:1fr;gap:45px}.c-story{padding-block:80px}.c-story-visual{height:420px;width:85%}.c-menu,.c-visit{padding:85px 0}.c-menu-art{min-height:380px}.w-hero{min-height:650px}.w-hero-bottom{flex-direction:column;align-items:start}.w-strip{grid-template-columns:1fr}.w-strip div{padding:20px;border-bottom:1px solid #a68948}.w-intro,.w-services,.w-work,.w-config,.w-faq{padding:85px 0}.w-service-grid{grid-template-columns:1fr 1fr}.w-work-grid{grid-template-columns:1fr 1fr}.w-work-grid figure{height:320px}.w-preview{min-height:430px}.a-hd{grid-template-columns:1fr;padding-top:65px;gap:0}.a-hd h1{font-size:clamp(83px,12vw,120px);margin-bottom:20px}.a-hd-right{padding-bottom:45px}.a-stage{height:500px}.a-intro{padding-block:85px}.a-works,.a-process,.a-contact{padding:90px 0}.a-gallery[data-layout=editorial] .a-card:nth-child(3n+1) .a-card-img{height:420px}.a-process-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ww-ribbon{font-size:9px;align-items:start}.ww-ribbon strong{max-width:55%}.demo-nav{min-height:77px}.c-logo{font-size:35px}.c-hero-copy{min-height:520px}.c-hero h1{font-size:clamp(69px,13vw,89px)}.c-hero-desc{font-size:15px}.c-hero-bottom{font-size:9px}.c-marquee{font-size:10px}.c-marquee span{margin:0 8px}.c-visit-grid,.c-menu-layout{gap:35px}.c-book{padding:24px}.c-book-row{grid-template-columns:1fr}.c-story-visual{height:350px}.c-btn{gap:18px}.w-logo{font-size:22px}.w-hero{min-height:600px}.w-hero h1{font-size:clamp(60px,15vw,85px)}.w-hero-bottom p{font-size:16px}.w-service-grid,.w-work-grid,.a-gallery,.a-process-list{grid-template-columns:1fr}.w-service-card{min-height:250px}.w-work-grid figure{height:330px}.w-section-top{display:block}.w-preview{min-height:420px;padding:18px}.a-hd h1{font-size:clamp(73px,15vw,104px)}.a-stage{height:430px}.a-stage-info strong{font-size:34px}.a-intro p{font-size:20px}.a-gallery[data-layout=editorial] .a-card:nth-child(3n+1) .a-card-img,.a-gallery[data-layout=grid] .a-card-img{height:330px}.a-card-img{height:340px}.a-dialog-copy{padding:26px}.footer-cols{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none;transition:none}.a-card-img img,.w-work-grid img,.w-btn,.c-btn{transition:none}}
/* Opaque mobile drawers so navigation remains readable over the page artwork. */
@media(max-width:760px){.cafe .demo-nav-links{background:#f8f3e9}.atelier .demo-nav-links{background:#f8f1ed}.craft .demo-nav-links{background:#101d19}}


/* Consistent geometric UI icons, rendered in CSS instead of emoji glyphs. */
.ui-arrow{position:relative;display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.14em;margin-left:.18em;color:inherit}
.ui-arrow::before{content:'';position:absolute;left:17%;top:48%;width:75%;height:1.5px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
.ui-arrow::after{content:'';position:absolute;right:8%;top:9%;width:39%;height:39%;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor}
.ui-arrow.down{transform:rotate(90deg)}
.ui-arrow.left{transform:rotate(-90deg)}
.menu-lines{position:relative;display:inline-block;vertical-align:middle;width:21px;height:16px;flex-shrink:0;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.menu-lines::after{content:'';position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
.ui-separator{display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;vertical-align:middle}
.palette-dot{display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;vertical-align:middle}
.device-icon{display:inline-block;width:18px;height:13px;border:1.6px solid currentColor;border-radius:2px;vertical-align:-2px;position:relative;margin-right:5px;flex-shrink:0}
.device-icon.desktop::after{content:'';position:absolute;bottom:-4px;left:6px;width:5px;border-top:1.6px solid currentColor}
.device-icon.phone{width:10px;height:17px;border-radius:3px;vertical-align:-4px;margin-left:4px;margin-right:9px}
.logo-mark{position:relative;letter-spacing:-.12em}
.logo-mark::after{content:'';position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;right:6px;top:7px}
.ticker .ui-separator{margin:0 32px}

.cafe .c-logo span{color:#bd5a36}.cafe .c-marquee .ui-separator,.atelier .a-marquee .ui-separator{margin:0 27px}.ww-ribbon .ui-arrow,.demo-nav .ui-arrow{font-size:12px}.demo-hamburger .menu-lines{width:20px;height:15px}