:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}body{background:#0b0b0d}.logo{font-weight:650;letter-spacing:-2px}.hero h1{font-size:clamp(54px,8.5vw,150px);font-weight:600;letter-spacing:-.065em}.hero h2{font-size:clamp(52px,8vw,130px);font-weight:600;letter-spacing:-.055em;line-height:.98}.hero-middle>p{font-size:16px;line-height:1.5}.hero-orb{background:radial-gradient(circle at 32% 24%,#fce3cd,#dea478 65%,#8c5d3c);width:235px}.hero-orb>span{font-size:95px;font-weight:500}.hero-orb i{font-size:7px}.hero-bottom{margin-top:25px}.about p{font-weight:500;letter-spacing:-.04em;line-height:1.35}.work-heading{font-weight:600;letter-spacing:-.06em}.project-meta{font-size:11px;letter-spacing:.035em}.project-description{font-weight:600;font-size:clamp(20px,2.1vw,32px);line-height:1.16;letter-spacing:-.035em;max-width:230px}.project-title{font-weight:600;font-size:clamp(65px,10vw,150px);letter-spacing:-.055em}.project-art{border-radius:38px!important;box-shadow:0 24px 65px #00000014}.project-open{width:38px;height:38px;font-size:22px;background:#ffffffdb;bottom:22px;right:22px}.approach-grid article{border-radius:18px}.approach-grid h3{font-weight:600;letter-spacing:-.04em}.approach>h2,.contact-banner>a,.brief h2{font-weight:600;letter-spacing:-.05em}.detail-page h1{font-weight:600;font-size:clamp(45px,7.5vw,120px);letter-spacing:-.055em}.detail-page h1>span{color:#86868b}.detail-art{border-radius:36px}.detail-intro p{line-height:1.55}.detail-copy{max-width:980px;margin:85px auto;padding:0 6%}.detail-copy h2{font-size:24px;font-weight:600}.detail-copy p{color:#a1a1a6;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.5}.detail-band{border-radius:36px}.detail-band p{font-weight:600}.workspace-art{width:86%;height:65%;display:flex;background:#f9fafb;color:#1d1d1f;border:5px solid #353538;border-radius:15px;box-shadow:0 30px 40px #4d253c30;transform:perspective(1200px) rotateY(-9deg) rotateX(5deg);overflow:hidden}.workspace-sidebar{width:17%;background:#ececef;padding:38px 12px}.workspace-sidebar i{display:block;height:5px;background:#c5c7cd;border-radius:3px;margin:18px 0}.workspace-content{padding:10% 7%;flex:1}.workspace-content small{font-size:10px;color:#777}.workspace-content strong{display:block;font-size:clamp(18px,2.2vw,34px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.workspace-lines{display:grid;gap:12px}.workspace-lines i{height:25px;background:linear-gradient(90deg,#c8d7e4 18%,#eeeef2 18%);border-radius:5px}.publication-art{background:#faf8f1;color:#222;width:73%;height:83%;padding:8%;box-shadow:0 20px 40px #5a491f25;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}.publication-art>span{font-size:10px;letter-spacing:2px}.publication-art strong{font-size:clamp(25px,3vw,44px);line-height:1;letter-spacing:-.055em;font-weight:500}.publication-art small{font-size:6px;letter-spacing:1px}.publication-sun{width:80%;aspect-ratio:1;border-radius:50%;align-self:center;background:radial-gradient(circle at 35% 30%,#d5be8a,#a79265 65%,#706b50)}.handheld-forevermore{width:100%;height:100%;object-fit:cover!important;max-width:none!important;max-height:none!important;filter:none!important}.project-forevermore .project-art{background:#e8ddd1}.detail-art:has(.handheld-forevermore){background:#e8ddd1}.detail-art .handheld-forevermore{transform:none}.project-air .project-title,.project-journal .project-title{font-size:clamp(58px,8vw,125px)}@media(max-width:600px){.hero h1{font-size:15vw}.hero h2{font-size:12vw}.hero-middle>p{font-size:13px}.project-description{font-size:22px;width:90%;max-width:none}.project-title{font-size:15vw}.project-air .project-title,.project-journal .project-title{font-size:12vw}.workspace-content strong{font-size:22px}.publication-art strong{font-size:32px}.detail-copy{margin:50px auto}.detail-page h1{font-size:12vw}.hero-orb{width:210px}}
/* Main-site introduction: clear hierarchy, authentic product image, no ornament. */
.hero-clean{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding:155px 7% 85px;min-height:95svh;max-width:1800px;margin:auto}.hero-clean h1{font-size:clamp(50px,6.7vw,110px);line-height:1.02;font-weight:600;letter-spacing:-.055em;transform:none!important;margin:25px 0}.hero-eyebrow{font-size:10px;letter-spacing:1.5px;color:#999}.hero-introduction{font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:#a1a1a6;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px;font-size:13px}.hero-primary{padding:15px 23px;background:#f5f5f7;color:#1d1d1f;border-radius:28px}.hero-secondary{color:#ddd;border-bottom:1px solid #555;padding:9px 0}.hero-feature{position:relative;border-radius:24px;overflow:hidden;display:block;background:#e8ddd1;aspect-ratio:4/5}.hero-feature>img{width:100%;height:100%;object-fit:cover;display:block}.hero-feature>div{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 26px;background:linear-gradient(transparent,#000b);color:white}.hero-feature span{font-size:9px;letter-spacing:1.5px}.hero-feature strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:8px;font-weight:500}.hero-feature p{font-size:13px;margin:7px 0 0;color:#eee}.product-identity{display:flex;flex-direction:column;gap:18px;text-align:center;padding:35px;color:#1d1d1f}.product-identity strong{font-weight:500;font-size:clamp(30px,4vw,60px);letter-spacing:-.055em;line-height:1.1}.product-identity span{font-size:13px;letter-spacing:.01em;opacity:.7}.project-art .product-identity{max-width:100%}.project-title{gap:0}.project-description{font-size:clamp(20px,1.8vw,27px)}.project-art{box-shadow:none!important;border:1px solid #ffffff22}.about{border-top:1px solid #242424;padding-top:85px;padding-bottom:95px}.hero-primary:hover{background:#ddd}.hero-feature img{transition:transform .7s}.hero-feature:hover img{transform:scale(1.025)}@media(max-width:600px){.hero-clean{grid-template-columns:1fr;padding:140px 6% 55px;gap:40px;min-height:auto}.hero-clean h1{font-size:14vw}.hero-introduction{font-size:17px}.hero-actions{gap:20px}.hero-feature{aspect-ratio:1}.hero-feature>div{padding:50px 24px 24px}.product-identity strong{font-size:34px}.product-identity span{font-size:12px}.about{padding-top:55px;padding-bottom:60px}}
.reviews{padding:100px 7% 130px;border-top:1px solid #242424}.reviews-heading{margin-bottom:55px}.reviews-heading h2{font-size:clamp(40px,5.5vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:22px 0}.reviews-note{font-size:13px;color:#86868b}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.review-card{background:#f5f5f7;color:#1d1d1f;border-radius:22px;padding:38px;min-height:330px;display:flex;flex-direction:column}.review-card:nth-child(2){background:#ebf8ff;transform:translateY(35px)}.review-card:nth-child(3){background:#e5ffe5}.review-card:nth-child(4){background:#ffebeb;transform:translateY(35px)}.review-label{font-size:9px;letter-spacing:1.3px;color:#727277}.review-placeholder{font-size:clamp(23px,2.5vw,34px);line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:35px 0 45px}.review-author{display:flex;gap:13px;align-items:center;margin-top:auto}.review-avatar{width:36px;height:36px;border-radius:50%;background:#0000000b}.review-author strong{display:block;font-size:12px;font-weight:600}.review-author div>span{display:block;font-size:11px;color:#777;margin-top:5px}@media(max-width:600px){.reviews{padding:60px 6% 75px}.reviews-grid{grid-template-columns:1fr;gap:16px}.review-card{padding:28px;min-height:280px}.review-card:nth-child(n){transform:none}.review-placeholder{font-size:26px}}
.hero-guide{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:65px;padding:180px 8% 55px;min-height:90svh;max-width:1600px}.hero-guide .hero-copy{max-width:1000px}.hero-guide h1{font-size:clamp(60px,8.5vw,130px);line-height:1.02;margin:28px 0}.hero-guide .hero-introduction{max-width:590px;font-size:clamp(17px,1.7vw,22px);line-height:1.55}.hero-guide .hero-actions{margin-top:30px}.hero-guide-footer{border-top:1px solid #2a2a2d;padding-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.7;color:#86868b}.hero-guide-footer p{margin:0}.hero-guide-footer>span{text-align:right}.hero-guide .hero-primary{padding:16px 29px;font-size:14px}@media(max-width:600px){.hero-guide{padding:150px 6% 40px;min-height:88svh;gap:55px}.hero-guide h1{font-size:16vw}.hero-guide-footer{font-size:11px;gap:20px}.hero-guide-footer>span{max-width:125px}}
.hero-guide{position:relative}.scroll-invitation{display:flex;align-items:center;gap:15px;margin-top:35px;width:max-content;color:#9b9ba1;font-size:11px;letter-spacing:.04em}.scroll-track{height:38px;width:21px;border:1px solid #55555c;border-radius:15px;position:relative}.scroll-track:after{content:'';position:absolute;left:9px;top:8px;width:2px;height:7px;background:#eee;border-radius:2px;animation:scroll-invite 2s ease-in-out infinite}@keyframes scroll-invite{0%,100%{transform:translateY(0);opacity:.3}40%{opacity:1}75%{transform:translateY(13px);opacity:0}}.hero-guide h1{animation:opening-arrive 1s cubic-bezier(.2,.7,.2,1) both}.hero-guide .hero-introduction{animation:opening-arrive 1s .12s both}.hero-guide .hero-actions{animation:opening-arrive 1s .22s both}@keyframes opening-arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:no-preference){.hero-guide{min-height:115svh;justify-content:flex-start;padding-top:180px;padding-bottom:65px}.hero-guide .hero-copy{position:sticky;top:115px;transform:scale(var(--intro-scale,1));transform-origin:left center;opacity:var(--intro-opacity,1);filter:blur(var(--intro-blur,0px));will-change:transform,opacity}.hero-guide-footer{margin-top:auto;position:relative;background:#0b0b0d}.hero-guide:before{content:'';position:absolute;left:8%;right:8%;top:105px;height:1px;background:linear-gradient(90deg,transparent,#d6b28b80,#b8d5ee70,transparent);transform:scaleX(var(--intro-line,.15));transform-origin:left;opacity:.7}.hero-guide .hero-eyebrow{color:#b7b7be}@media(max-width:600px){.hero-guide{padding-top:140px;min-height:110svh}.hero-guide .hero-copy{top:100px}.hero-guide:before{top:110px}.hero-guide-footer{margin-top:70px}}}@media(prefers-reduced-motion:reduce){.scroll-track:after{animation:none}.hero-guide h1,.hero-guide .hero-introduction,.hero-guide .hero-actions{animation:none}}
.hero-guide{min-height:100svh;gap:0}.hero-guide h1{margin-top:0}.about{display:block}.about>p{max-width:900px;margin:auto}.project-meta{display:none}.approach-grid h3{margin-top:15px}.reviews-note{font-size:15px;line-height:1.5}.review-author strong{font-size:15px}.project-notes{margin:60px 8%;max-width:800px;color:#aaa;font-size:16px;line-height:1.7}.project-notes summary{cursor:pointer;color:#ddd}.project-notes p{margin-top:20px}.next-project strong{margin-top:0}.detail-intro>div:first-child>p:first-child{margin-top:0}.form-note{font-size:13px!important}.hero-guide .scroll-invitation{font-size:14px}.logo{line-height:1}@media(max-width:600px){.hero-guide{min-height:90svh}}
/* Light case-study pages to match the portfolio. */
html:has(.detail-page){background:#fff}.detail-page{background:#fff;color:#1d1d1f}.detail-page header{background:#ffffffed}.detail-page .logo{color:#1d1d1f}.detail-page .back-work{background:#f5f5f7;color:#1d1d1f;border:1px solid #e7e7eb}.detail-page h1{color:#1d1d1f}.detail-page h1>span{color:#86868b}.detail-page .detail-intro{gap:7%;align-items:start}.detail-page .detail-intro>div:first-child{color:#6e6e73;font-size:18px;line-height:1.65}.detail-page .visit{color:#0066cc;border-bottom:0;font-size:15px}.detail-page .detail-art{background:#f5f5f7!important;border:1px solid #ededf0;border-radius:28px}.detail-page .product-identity{color:#1d1d1f}.detail-page .detail-copy{max-width:930px;margin:75px auto;padding:0 7%}.detail-page .detail-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.04em;color:#1d1d1f;margin-bottom:24px}.detail-page .detail-copy p{font-size:clamp(18px,1.65vw,22px);line-height:1.7;letter-spacing:-.015em;color:#6e6e73;font-weight:400}.detail-page .detail-band{background:#f5f5f7;color:#1d1d1f}.detail-page .gallery-item{background:#f5f5f7;color:#1d1d1f;border:1px solid #ededf0;border-radius:24px}.detail-page .project-notes{color:#6e6e73;border-top:1px solid #e5e5e7;padding-top:22px;font-size:14px}.detail-page .project-notes summary{color:#515154}.detail-page .next-project{border-top:1px solid #e5e5e7;background:#f5f5f7;color:#1d1d1f;padding-top:55px;padding-bottom:55px}.detail-page .next-project strong{font-size:clamp(30px,4.5vw,65px)}.detail-page footer{border-top:1px solid #e5e5e7;background:#fff;color:#515154}.detail-page .image-viewer{background:#f5f5f7;color:#1d1d1f}.detail-page .image-viewer::backdrop{background:#20202466}.detail-page .close{background:#e8e8ed;color:#1d1d1f}@media(max-width:600px){.detail-page main{padding-top:130px}.detail-page h1{font-size:11vw;margin-bottom:35px}.detail-page .detail-copy{margin:48px auto;padding:0 6%}.detail-page .detail-intro>div:first-child{font-size:17px}.detail-page .detail-art{border-radius:22px}}
.detail-page .vozzii-detail{padding:35px;aspect-ratio:4/5}.vozzii-detail>img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:24px;box-shadow:0 16px 35px #0002}@media(max-width:600px){.detail-page .vozzii-detail{padding:22px}}
.detail-page :is(.mylo-detail,.screen-detail){aspect-ratio:auto;padding:15px}:is(.mylo-detail,.screen-detail) a{display:block;width:100%}:is(.mylo-detail,.screen-detail) img{display:block;width:100%;height:auto;border-radius:14px}.detail-page:has(:is(.mylo-detail,.screen-detail)) .detail-intro{grid-template-columns:1fr 3fr}@media(max-width:600px){.detail-page:has(:is(.mylo-detail,.screen-detail)) .detail-intro{grid-template-columns:1fr}.detail-page :is(.mylo-detail,.screen-detail){padding:7px}}