*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0a;color:#eee9e2;font:300 14px Arial,sans-serif}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}nav{position:absolute;z-index:9;top:0;width:100%;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.logo{font:300 21px Didot,"Times New Roman",serif;letter-spacing:.42em}.desk{display:flex;gap:28px;font-size:8px;letter-spacing:.2em}nav button{display:none;background:none;border:0;color:white;font-size:20px}.mobile{display:none}header{height:100svh;min-height:700px;background:url("assets/hero.jpg") center/cover;position:relative}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080706e8,#08070655 42%,transparent 72%)}.hero{position:absolute;z-index:2;left:6.5vw;top:23%}small{color:#b59669;letter-spacing:.32em;font-size:8px}.hero h1{font:300 clamp(70px,9vw,138px)/.9 Didot,"Times New Roman",serif;letter-spacing:.23em;margin:34px -.23em 15px 0}.hero i{display:block;width:150px;height:1px;background:#b59669}.hero h4{font:300 15px Didot,"Times New Roman",serif;letter-spacing:.4em;color:#c3a77e}.hero p{margin-top:55px;font-size:9px;line-height:1.85;letter-spacing:.34em}.hero>a,.intro a{display:inline-block;margin-top:42px;border-bottom:1px solid #b59669;padding-bottom:8px;font-size:8px;letter-spacing:.24em}aside{position:absolute;right:6vw;top:30%;color:#b59669;font-size:8px;line-height:1.7;letter-spacing:.28em;text-align:center}.intro{display:grid;grid-template-columns:46% 54%;min-height:540px}.intro>div{background:#f1ede6;color:#191714;padding:68px 7vw}.intro h2{font:300 clamp(27px,3vw,44px)/1.36 Didot,"Times New Roman",serif;letter-spacing:.13em}.intro b{color:#b59669}.intro p{font:300 16px/1.65 Didot,"Times New Roman",serif;color:#504940}.intro figure{margin:0;position:relative}.intro figure:after{content:"";position:absolute;inset:0;background:#0002}.intro figcaption{position:absolute;z-index:2;inset:48% 0 auto;text-align:center;font:300 40px Didot,"Times New Roman",serif;letter-spacing:.35em}.manifesto{text-align:center;padding:110px 8vw}.manifesto h2,.sense h2,.material h2,.private h2{font:300 clamp(42px,5vw,72px)/1.05 Didot,"Times New Roman",serif}.manifesto p{font:300 18px/1.8 Didot,"Times New Roman",serif;color:#b8b0a6}.world{padding:70px 20px 100px}.world h5{text-align:center;font:300 10px Didot,"Times New Roman",serif;letter-spacing:.35em}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px}.grid article{height:440px;position:relative}.grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 65%)}.grid article div{position:absolute;z-index:2;bottom:28px;left:10px;right:10px;text-align:center}.grid h3{font:300 18px Didot,"Times New Roman",serif;letter-spacing:.2em}.grid p{font:300 14px/1.5 Didot,"Times New Roman",serif;color:#ccc}.sense{height:70vh;min-height:560px;position:relative}.sense:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000c,transparent 70%)}.sense div{position:absolute;z-index:2;left:7vw;top:25%}.sense p,.material p,.private p{font:300 17px/1.65 Didot,"Times New Roman",serif}.material{display:grid;grid-template-columns:1.15fr .85fr;background:#e8e0d4;color:#191714;min-height:580px}.material>div{padding:9vw 7vw}.horizon{height:68vh;min-height:540px;position:relative}.hs{position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0002)}.nat{position:absolute;z-index:2;left:6.5vw;top:35%;font-size:8px;line-height:1.9;letter-spacing:.3em}.hc{position:absolute;z-index:2;right:7vw;top:20%;text-align:right}.hc h2{font:300 clamp(42px,5vw,74px)/1.05 Didot,"Times New Roman",serif;letter-spacing:.14em}.hc p{font-size:8px;letter-spacing:.34em}.hc a{display:inline-block;border:1px solid #b59669;padding:15px 24px;margin-top:20px;font-size:8px;letter-spacing:.2em}.private{padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.private form{display:grid;gap:16px}input,select,textarea{background:transparent;color:#eee;border:0;border-bottom:1px solid #4c443b;padding:15px 0;outline:0}textarea{height:80px}button{background:transparent;border:1px solid #b59669;color:#b59669;padding:16px;font-size:8px;letter-spacing:.24em}footer{min-height:100px;padding:35px 5vw;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:#817a72}@media(max-width:820px){nav{height:66px;padding:0 6vw}.logo{font-size:17px;letter-spacing:.32em}.desk{display:none}nav button{display:block}.mobile{position:fixed;z-index:20;top:66px;left:0;right:0;background:#0b0b0af8;padding:28px 7vw;flex-direction:column;gap:22px;font-size:9px;letter-spacing:.24em}.mobile.open{display:flex}header{min-height:680px;background-position:center}.shade{background:linear-gradient(90deg,#080706d9,#08070655 60%,transparent)}.hero{left:7vw;right:7vw;top:19%}.hero h1{font-size:50px;letter-spacing:.18em;white-space:nowrap}.hero h4{font-size:12px;letter-spacing:.23em}.hero p{margin-top:42px}aside{display:none}.intro{grid-template-columns:1fr}.intro>div{padding:70px 7vw}.intro figure{height:58vh;min-height:420px}.manifesto{padding:85px 7vw}.grid{grid-template-columns:1fr}.grid article{height:62vh;min-height:430px}.sense{height:64vh;min-height:500px}.sense div{left:7vw;right:7vw}.material{grid-template-columns:1fr}.material>img{height:58vh}.material>div{padding:75px 7vw}.horizon{height:72vh;min-height:560px}.nat{top:12%;left:7vw}.hc{left:7vw;right:7vw;top:36%;text-align:left}.hc h2{font-size:44px}.private{grid-template-columns:1fr;padding:85px 7vw}footer{display:block}footer span:last-child{display:block;margin-top:24px}}
/* ICONYA refinement layer — deliberately independent of earlier builds */
:root{--gold:#b59669;--ivory:#f1ede6;--ink:#0b0b0a;--display:"Bodoni 72","Bodoni MT",Didot,"Times New Roman",serif;--text:"Helvetica Neue",Helvetica,Arial,sans-serif}
body{font-family:var(--text);font-weight:200;letter-spacing:.012em}
.logo{display:flex;align-items:center;gap:15px;font-family:var(--display);font-weight:300;letter-spacing:.43em}
.logo img{width:27px;height:38px;object-fit:contain}
h1,h2,h3,h4,h5,.intro figcaption{font-family:var(--display)!important;font-weight:300!important}
.hero h1{font-weight:300!important;letter-spacing:.255em!important;line-height:.86!important}
.hero h4{font-family:var(--text)!important;font-weight:200!important;letter-spacing:.46em!important}
.intro h2{font-weight:300!important;letter-spacing:.155em!important;line-height:1.42!important}
.manifesto h2,.sense h2,.material h2,.private h2{font-weight:300!important;letter-spacing:-.025em!important;line-height:1.01!important}
.grid h3{font-weight:300!important;letter-spacing:.24em!important}
.hc h2{font-weight:300!important;letter-spacing:.16em!important}
p,.intro p,.manifesto p,.sense p,.material p,.private p{font-weight:200!important}
.desk,.mobile,.hero p,.hero>a,.hc p,.hc a,small{font-weight:200!important}
.intro figcaption{display:flex;flex-direction:column;align-items:center;gap:16px}
.intro figcaption img{width:45px;height:60px;object-fit:contain}
.intro figcaption span{font-size:38px;letter-spacing:.38em;margin-right:-.38em}
.world{padding-top:86px}
.grid article{overflow:hidden}
.grid article img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1s;filter:saturate(.78) contrast(1.03)}
.grid article:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.02)}
.grid article:after{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.04) 70%)}
.sense img,.horizon img{filter:saturate(.8) contrast(1.025)}
.intro>div,.material>div{position:relative}
.intro>div:before,.material>div:before{content:"";position:absolute;top:68px;left:7vw;width:26px;height:1px;background:var(--gold);transform:translateY(20px)}
.private input,.private select,.private textarea{font-family:var(--text);font-weight:200}
.private button{transition:.35s}.private button:hover{background:var(--gold);color:var(--ink)}
@media(max-width:820px){
 .logo{font-size:16px!important;letter-spacing:.36em!important;gap:11px}.logo img{width:22px;height:31px}
 .hero h1{font-size:48px!important;letter-spacing:.205em!important}
 .hero h4{font-size:10px!important;letter-spacing:.3em!important}
 .intro h2{font-size:29px!important;letter-spacing:.11em!important}
 .manifesto h2,.sense h2,.material h2,.private h2{font-size:43px!important}
 .hc h2{font-size:42px!important;letter-spacing:.11em!important}
 .intro figcaption span{font-size:30px}
}

/* ICONYA — final precision + light treatment */
:root{--glow:rgba(211,177,126,.18);--glow-soft:rgba(237,219,190,.09)}
/* Ambient light is deliberately restrained: it should feel like reflected Mediterranean sun, not a digital glow. */
.hero:before{
 content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
 background:
 radial-gradient(ellipse at 62% 35%,rgba(255,225,180,.14) 0%,rgba(255,225,180,.055) 20%,transparent 48%),
 linear-gradient(115deg,transparent 47%,rgba(226,190,137,.055) 54%,transparent 62%);
 mix-blend-mode:screen;
}
.hero:after{
 content:"";position:absolute;z-index:1;left:47%;top:12%;width:1px;height:64%;
 background:linear-gradient(transparent,rgba(225,191,140,.25),transparent);
 opacity:.32;pointer-events:none;
}
.hero h1{text-shadow:0 0 32px rgba(238,216,183,.055)}
.hero i{box-shadow:0 0 18px rgba(181,150,105,.18)}
.intro figure:before,.sense:before,.horizon:before{
 content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 72% 30%,rgba(246,221,183,.10),transparent 46%);
 mix-blend-mode:screen;
}
.intro figure:before{z-index:1}
.intro figcaption{z-index:3}
.manifesto{position:relative;overflow:hidden}
.manifesto:before{
 content:"";position:absolute;left:50%;top:-220px;transform:translateX(-50%);
 width:760px;height:430px;border-radius:50%;
 background:radial-gradient(ellipse,rgba(181,150,105,.085),transparent 68%);
 pointer-events:none;
}
.manifesto>*{position:relative;z-index:1}
.grid article:before{
 content:"";position:absolute;z-index:2;left:-35%;top:-15%;width:60%;height:130%;
 background:linear-gradient(105deg,transparent,rgba(255,226,184,.07),transparent);
 transform:translateX(-100%);transition:transform 1.35s cubic-bezier(.2,.7,.2,1);
 pointer-events:none;
}
.grid article:hover:before{transform:translateX(240%)}
.sense:before{background:linear-gradient(112deg,transparent 46%,rgba(245,214,169,.075) 53%,transparent 61%)}
.material>div{background:
 radial-gradient(circle at 85% 18%,rgba(181,150,105,.11),transparent 35%),
 #e8e0d4}
.horizon:before{background:radial-gradient(ellipse at 78% 25%,rgba(255,220,166,.13),transparent 45%)}
.hc a,.private button{position:relative;overflow:hidden}
.hc a:after,.private button:after{
 content:"";position:absolute;inset:-1px;background:linear-gradient(100deg,transparent 20%,rgba(255,231,196,.18) 50%,transparent 80%);
 transform:translateX(-120%);transition:transform .8s ease;
}
.hc a:hover:after,.private button:hover:after{transform:translateX(120%)}
/* Fine typography tuning */
.hero h1{font-size:clamp(68px,8.7vw,132px)!important}
.manifesto h2{max-width:900px;margin-left:auto;margin-right:auto}
.manifesto p{max-width:760px;margin-left:auto;margin-right:auto}
.grid h3{font-size:17px!important}
.grid p{font-size:13px!important}
.private form{max-width:580px;width:100%}
/* Reveal animation: quiet, no theatrical motion */
@media (prefers-reduced-motion:no-preference){
 .reveal{opacity:0;transform:translateY(16px);transition:opacity 1.05s ease,transform 1.05s ease}
 .reveal.visible{opacity:1;transform:none}
}
@media(max-width:820px){
 .hero:before{background:radial-gradient(ellipse at 60% 32%,rgba(255,225,180,.11),transparent 46%)}
 .hero:after{display:none}
 .grid article:before{display:none}
 .manifesto:before{width:120vw;height:360px;top:-190px}
 .sense:before,.horizon:before{opacity:.7}
}

/* HOUSE EDITION — discipline, negative space, original Iconya DNA */
.hero h1{font-size:clamp(72px,9vw,136px)!important;font-weight:300!important;letter-spacing:.27em!important}
.hero small{max-width:380px;display:block;line-height:1.7}
.hero p{line-height:2.05!important}
.intro h2{font-size:clamp(30px,3.4vw,50px)!important;line-height:1.3!important}
.manifesto{padding-top:155px!important;padding-bottom:155px!important}
.manifesto h2{font-size:clamp(52px,6vw,88px)!important;letter-spacing:.035em!important}
.manifesto p{font-size:17px!important;line-height:2!important}
.world{padding-top:105px!important;padding-bottom:130px!important}
.world h5{margin-bottom:58px}
.grid article:nth-child(4),.grid article:nth-child(5){filter:saturate(.58)}
.grid article:nth-child(4):after,.grid article:nth-child(5):after{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.28))}
.sense{min-height:650px!important}
.sense div{max-width:600px}
.material>div{display:flex;flex-direction:column;justify-content:center}
.material h2{letter-spacing:.015em!important}
.horizon{min-height:620px!important}
.hc h2{font-size:clamp(48px,5.5vw,82px)!important}
.private{padding-top:145px!important;padding-bottom:145px!important}
.private>div{max-width:520px}
footer{min-height:130px!important}
@media(max-width:820px){
 .hero h1{font-size:49px!important;letter-spacing:.22em!important}
 .hero small{max-width:260px}
 .manifesto{padding:110px 7vw!important}
 .manifesto h2{font-size:48px!important}
 .world{padding-top:85px!important;padding-bottom:95px!important}
 .sense{min-height:560px!important}
 .horizon{min-height:620px!important}
 .private{padding-top:105px!important;padding-bottom:105px!important}
}

/* ICONYA HOUSE V2 — couture typography and precision pass */
:root{
 --display:"Bodoni 72 Smallcaps","Bodoni 72","Bodoni MT","Didot LT STD",Didot,"Times New Roman",serif;
 --roman:"Iowan Old Style","Baskerville","Times New Roman",serif;
 --sans:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
}
body{font-family:var(--sans);font-weight:200;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
h1,h2,h3,h4,h5,.logo,.intro figcaption{font-family:var(--display)!important;font-weight:200!important}
.hero h1{
 font-family:var(--display)!important;font-weight:200!important;
 font-size:clamp(70px,8.8vw,132px)!important;
 letter-spacing:.285em!important;line-height:.84!important;
}
.hero h4{font-family:var(--sans)!important;font-weight:200!important;font-size:12px!important;letter-spacing:.5em!important}
.intro h2{
 font-family:var(--display)!important;font-weight:200!important;
 font-size:clamp(30px,3.25vw,48px)!important;letter-spacing:.165em!important;line-height:1.38!important;
}
.manifesto h2{
 font-family:var(--display)!important;font-weight:200!important;
 font-size:clamp(50px,5.7vw,84px)!important;letter-spacing:.02em!important;line-height:.98!important;
}
.grid h3{font-family:var(--display)!important;font-weight:200!important;letter-spacing:.25em!important}
.sense h2,.material h2,.private h2{
 font-family:var(--display)!important;font-weight:200!important;
 letter-spacing:-.012em!important;line-height:1.01!important;
}
.hc h2{font-family:var(--display)!important;font-weight:200!important;letter-spacing:.17em!important}
.intro p,.manifesto p,.sense p,.material p,.private p{font-family:var(--roman)!important;font-weight:400!important}
.hero p,.hero>a,.desk,.mobile,.hc p,.hc a,small,.world h5{font-family:var(--sans)!important;font-weight:200!important}

/* More architectural whitespace */
.intro>div{padding-top:90px!important;padding-bottom:90px!important}
.manifesto{padding-top:175px!important;padding-bottom:175px!important}
.world{padding-top:120px!important;padding-bottom:150px!important}
.sense div{top:29%!important}
.material>div{padding-left:8vw!important;padding-right:8vw!important}
.private{padding-top:165px!important;padding-bottom:165px!important}

/* Finer ornamental language */
.hero i{width:122px!important;opacity:.78}
.intro b{font-size:8px!important;font-weight:400!important}
.world h5{font-size:8px!important;letter-spacing:.42em!important;color:#c6b79f}
.grid h3:after{content:"";display:block;width:34px;height:1px;background:#b59669;margin:13px auto 0;opacity:.72}
.grid p{margin-top:16px!important}
.logo{font-weight:200!important}
.logo img{opacity:.88}
.hc a,.private button{border-color:rgba(181,150,105,.72)!important}

/* More sophisticated image treatment */
.grid article img,.sense img,.material>img,.horizon>img,.intro figure>img{
 filter:saturate(.68) contrast(1.025) brightness(.96);
 transition:filter 1.2s ease,transform 1.5s cubic-bezier(.2,.7,.2,1);
}
.grid article:hover img{filter:saturate(.8) contrast(1.02) brightness(.99);transform:scale(1.018)}
.intro figure>img{filter:saturate(.62) contrast(1.04) brightness(.92)}
.sense img{filter:saturate(.7) contrast(1.035) brightness(.92)}
.horizon>img{filter:saturate(.66) contrast(1.035) brightness(.9)}

/* Quiet hairlines and section rhythm */
.manifesto:after{content:"";position:absolute;bottom:55px;left:50%;width:1px;height:42px;background:linear-gradient(#b59669,transparent);opacity:.6}
.world:before{content:"";display:block;width:1px;height:44px;background:linear-gradient(transparent,#b59669);margin:-70px auto 62px;opacity:.55}
.private:before{content:"";position:absolute;left:50%;top:0;width:1px;height:48px;background:linear-gradient(#b59669,transparent);opacity:.45}
.private{position:relative}

/* Mobile precision */
@media(max-width:820px){
 .hero h1{font-size:47px!important;letter-spacing:.235em!important}
 .hero h4{font-size:9px!important;letter-spacing:.34em!important}
 .intro h2{font-size:28px!important;letter-spacing:.12em!important;line-height:1.42!important}
 .intro>div{padding-top:80px!important;padding-bottom:80px!important}
 .manifesto{padding-top:120px!important;padding-bottom:120px!important}
 .manifesto h2{font-size:45px!important;letter-spacing:.01em!important}
 .world{padding-top:95px!important;padding-bottom:110px!important}
 .sense h2,.material h2,.private h2{font-size:41px!important}
 .hc h2{font-size:40px!important;letter-spacing:.12em!important}
 .private{padding-top:115px!important;padding-bottom:115px!important}
}